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

With "tbody" you can use .show("slow") and .hide("slow"), but you can't do the sliding animation.

Sliding will work if you try it on a "div" for example.

Answer 2

Also, check you don't have CSS transitions set on your element, or globally to all elements. This will screw with your animations:

* {transition: all 0.1s ease;}

Answer 3

Can be done if you create a div layer inside your tds and animate that instead. It's not hard to programmatically add divs when creating your table.

Demo: http://jsfiddle.net/jpillora/wU7RV/

Answer 4

Tbody can't be animated. Try to limit the height of Tbody and you'll see that it doesn't change the height.

Answer 5

Setting the dimensions of a part of a table is only used as the minimum dimension, so the section of the table is immediately visible at full size, and the animation of the height has no effect.