I'm creating an admin section for a site where I need to dynamically add a new row to a table - which I know how to do just fine, but the problem is that when you do an animation like .slideDown() jQuery sets it to display:block; and for a table row this is incorrect, as it should be display:table-row;
The result is it basically screws up the table formatting. Here's a demo: http://jsbin.com/alemi Sure I can just do a plain .show() with no animation to show it, but then why both even using jQuery. Is there a way to fix this behavior?