Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Трансформация при закрытии блока (https://javascript.ru/forum/dom-window/42121-transformaciya-pri-zakrytii-bloka.html)

XFrei 14.10.2013 01:38

Трансформация при закрытии блока
 
Здравствуйте. Я нубик. :)

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

ОлегА 14.10.2013 10:07

ну попробуй какнить так, код не проверял..
//Скрипт для смены блоков jQuery:

function openDiv(id) {
   $(".openDiv").slideUp('fast', function(){
       $('#'+id+'').slideDown('fast');
   });
};

$(document).ready(function(){
    $('#contentBlock').slideDown('fast');
});


Часовой пояс GMT +3, время: 20:32.