Я использую этот скрипт для переключения div с помощью jQuery:
$('.toggle').click(function() {
var $toggled = $(this).attr('href');
$($toggled).siblings('.gallery:visible').hide();
$($toggled).toggle("slide", {direction: 'up'}, 750);
return false;
});
Проблема заключается в том, что во время анимации появляющийся div вырезается в конце. Но правильная высота восстанавливается в конце анимации.
Здесь ссылка на "демо" (галерея внизу, нажмите на случайную картинку): http://www.rendezvousroma.it/new/privati.php
Я не знаю, в чем проблема. Я не увеличил высоту всех контейнеров без везения..
Похоже, что slide
и .ui-effects-wrapper
имеют некоторые проблемы с элементами, содержащими поля. Вы можете попробовать добавить css для установки явной высоты в обертку div:
.ui-effects-wrapper {height:100% !important}