Что заставляет этот простой анимационный скрипт неправильно анимировать?

Question

Я не могу понять, что заставляет этот скрипт работать неправильно ...

Вы можете найти правильно анимированную версию скрипта здесь ... http://jsfiddle.net/tTJaM/21/

Вы можетенайти версию живого проекта здесь ... http://jsfiddle.net/tTJaM/22/

Живой проект расположен по адресу http://paysonfirstassembly.com/

Как вы можете видеть, анимация не имеет такого же визуального эффекта во второмссылка на сайт.Визуальный эффект, которого я хочу достичь - тот, что в первой ссылке.Я готов отредактировать скрипт, чтобы сделать это, или внести изменения в CSS, который я не делал изначально.

Answer 1

min-height:120px; в .dynPanelContent в вашем css не позволяет работать должным образом. Но я не очень понимаю, почему ... Если вы удалите его, все работает, по крайней мере, здесь http://jsfiddle.net/tTJaM/22/

Answer 2

Похоже, мин-высота: 120px;Атрибут .dynPanelContent - это то, что его вызывает.Если вы удалите этот стиль, он будет вращаться правильно, но ящики больше не будут иметь правильный размер.

Функция slideUp - это анимация, которая изменяет высоту, но не минимальную высоту.Это известная проблема в jQuery, и есть запись в вики на Обход минимальной высоты глюк