Трансформация при закрытии блока
Здравствуйте. Я нубик. :)
Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, 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:... |
ну попробуй какнить так, код не проверял..
//Скрипт для смены блоков jQuery:
function openDiv(id) {
$(".openDiv").slideUp('fast', function(){
$('#'+id+'').slideDown('fast');
});
};
$(document).ready(function(){
$('#contentBlock').slideDown('fast');
});
|
| Часовой пояс GMT +3, время: 12:05. |