Трансформация при закрытии блока
Здравствуйте. Я нубик. :)
Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, 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, время: 20:32. |