Плавный переход для нижних разделов при отображении большего количества контента выше

извините за название, трудно объяснить!

У меня есть раздел галереи для веб-сайта, который я создаю, и в каждом разделе есть разное количество изображений внутри - при циклическом просмотре их (с использованием вкладок jquery ui) я хотел бы, чтобы содержимое ниже плавно прокручивалось вверх/вниз в зависимости от содержимого, которое здесь.

пример: http://www.maxhenchman.co.uk/oh/

Если вы нажмете на вкладку «Пейзажи», вы увидите, что раздел «Контакты» резко прыгнет вниз, чтобы освободить место для дополнительных фотографий. Может ли кто-нибудь предложить плагин/скрипт, который сделает это действие более плавным с каким-либо переходом?

РЕДАКТИРОВАТЬ:

$(function() {
   $('#tabs').tabs({
    show: { effect: "fade", duration: 500 },
    hide: { effect: "fade", duration: 500 }
});
});

Большое спасибо!

Максимум


transition jquery tabbed
person Max Henchman    schedule 11.05.2013    source источник
comment
Можете ли вы показать фрагмент кода, который выполняется, когда вы нажимаете на эту вкладку? это функция js, которая выполняется при нажатии на ссылку   -  person rahul maindargi    schedule 11.05.2013
comment
ок добавлено в основной пост   -  person Max Henchman    schedule 11.05.2013

Ответы (1)


arrow_upward
0
arrow_downward

Вы ищете это поведение?

$( "#tabs" ).tabs({
 show: { effect: "slideDown", duration: 500 },
    hide: { effect: "slideUp", duration: 500 }
});

ДЕМО

person rahul maindargi    schedule 12.05.2013