How would I use jQuery's slideDown() on a set of new rows added to a table?

I'm adding several new rows to an existing table with an event. I want these new rows to show up with the slideDown() effect.

Using slideDown() on the entire table will slide down the whole table and not just the new rows. I can't make another table because the columns won't align. And if I make the columns of the ne开发者_如何学Pythonw table the same pixel size as the old table, it won't resize correctly when the page resizes or other stuff is added/removed to the DOM.

It says here that several tbody tags can be in one table. I tried adding new ones and it didn't work. But even if it did it doesn't matter because if I use the slide animations on the tbody tags it doesn't animate it just instantly disappears/appears.

I had the same problem. slideDown does not work in TRs. To solve the problem I've put a Div inside the TDs.