Здравствуйте. Я нубик.
Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, CSS).
При клике на строке меню один блок сменяется другим. Запрашиваемый появляется эффектно...
Вопрос: как применить трансформацию к закрываемому блоку?
Все, что удалось найти, это обратную трансформацию. Не подходит, закрываемый должен улетать вверх.
Не могу сообразить, чем акцентировать именно закрытие блока?
И как оба события (эффектно открыть один div, эффектно закрыть другой) привязать к одному клику?
//Скрипт для смены блоков jQuery:
function openDiv (id) {
$(".openDiv").css({display:'none'});
$('#'+id+'').fadeIn(200);
};
$(document).ready(function(){
$('#contentBlock').css({display:"block"});
});
/*Клик по ссылке:*/
<a href="javascript:void(0)" onclick="openDiv('contentBlock')">
и стандартно:
animation-name:
animation-duration:...