Функции jQuery slideUp/slideDown не анимируются

У меня возникают проблемы с .slideup() и .slideDown()

посмотрите следующий JSFiddle: http://jsfiddle.net/7se2r/4/

Хотя строка появляется и исчезает, я не вижу анимацию скольжения вверх или вниз. любая подсказка относительно того, что я делаю неправильно?

Ответ 1

С помощью "tbody" вы можете использовать .show( "slow" ) и .hide( "slow" ), но вы не можете делать скользящую анимацию.

Скольжение будет работать, если вы попробуете его на "div", например.

Ответ 2

Кроме того, убедитесь, что у вас нет переходов CSS, установленных в вашем элементе, или глобально для всех элементов. Это будет зависеть от ваших анимаций:

* {transition: all 0.1s ease;}

Ответ 3

Может быть сделано, если вы создаете слой div внутри своего td и анимируйте его. Не сложно программно добавить div при создании таблицы.

Демо: http://jsfiddle.net/jpillora/wU7RV/

Ответ 4

Таль не может быть анимирован. Попытайтесь ограничить высоту Tbody, и вы увидите, что она не меняет высоту.

Ответ 5

Настройка размеров части таблицы используется только в качестве минимального размера, поэтому секция таблицы сразу отображается в полном размере, а анимация высоты не влияет.