jquery why does $('tr').slideDown('slow'); break table layout?

Question

Hi there,

can anyone tell me why when using $('tr').slideDown('slow'); it causes the table row to forget its width, height ect.

and if there is a way to fix it?

Answer 1

I suspect it's because jQuery animation code tends to assume it can use display: block for elements that seem like they're block-level elements. For a <tr> that'd be bad, because it wants to be display: table-row (I think; something like that).

Answer 2

Animations are not supported on table rows.
Emily typed here
you can put the content in a div inside the td and doing a slideDown on the div...