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 t

Answer 1

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 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

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 4

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.

Answer 5

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