Question

Possible Duplicate:
slideToggle in table row

I have a table and I’m using jquery’s slideToggle() to show and hide some rows.

Slidetoggle doesn’t works ok (it doesn’t animate) if you don’t show the element <tr> to toggle as a block (display:block).

The problem: if I set the <tr> as a block, it shows the content of <td>‘s in the same column (the first).

Here you have:

http://jsfiddle.net/7LH3p/6/

Any idea?

Answer 1

To animate TR’s I recommend you to enclose the TD contents in divs, then animate the divs, see my working demo.