removing table row after effect does not free space

[jackfrost86]

removing a tr after an effect with code such as this: <tr id="product1">...</tr> ... $("tr#product1").fadeOut("slow", function() {

$("tr#product1").remove();

});

does not work properly in Firefox, although it does work properly in Safari and IE. The table row fades out and is removed from the DOM but the space it occupied remains used; the rows below it do not slide up. Simply remove()-ing the object does work as expected: the space the table row used is released.

See ​http://jquery.com/pipermail/discuss_jquery.com/2006-November/016579.html for more information.

[john]

Works for me: ​http://dev.jquery.com/~john/ticket/1082/

[nevyn]

I get this error as well; ​http://nevyn.nu/1082/

It works with fadeOut, but not with slideUp. Also, applying the effect to a tr instead of each individual td seems to mess up the layout, but I suppose that's why did apply it to the tds...

[john]

Right, you can't slideUp table rows (since table rows don't have any height).

[anonymous]

this should not be closed. regardless of animation methods, the remove method only empties out a table row, and a simple count of the row elements will prove this. test case coming soon.

[anonymous]

nevermind, this is totally closed :)