jquery - jquery slideUp/slideDown functions not animating

Question

I'm having trouble with .slideup() and .slideDown()

have a look at the following JSFiddle: http://jsfiddle.net/7se2r/4/

Although the row is appearing and disappearing, I'm not seeing the animation of sliding up or down. any clue as to what I'm doing wrong?

Answer 1

使用 "tbody" 你可以使用 .show("slow") 和 .hide("slow")，但是你不能做滑动动画。

例如，如果您在“div”上尝试滑动，​​它将起作用。

Answer 2

另外，请检查您的元素上没有设置 CSS 过渡，或者全局设置所有元素。这将破坏您的动画：

* {transition: all 0.1s ease;}

Answer 3

如果您在 s 中创建一个div图层td并为其设置动画，则可以完成。div创建表时以编程方式添加 s 并不难。

演示：http: //jsfiddle.net/jpilora/wU7RV/

Answer 4

Tbody 不能被动画化。尝试限制 Tbody 的高度，您会发现它不会改变高度。

Answer 5

设置表格一部分的尺寸仅用作最小尺寸，因此表格的部分在全尺寸下立即可见，并且高度的动画没有效果。