How to use jQuery slideDown () to set new rows added to a table?

Question

I am adding a few new rows to an existing event table. I want these new lines displayed with slideDown () effect.

Using slideDown () throughout the table will slide across the entire table, not just newlines. I cannot make another table because the columns will not align. And if I make the columns of the new table the same pixel sizes as the old table, it will not change correctly when changing the page or adding / removing other material in the DOM.

It says that several tag tags can be in the same table. I tried adding new ones and it didn’t work. But even if it was done, it doesn’t matter, because if I use slide animation on tag tags, it doesn’t animate it, it just disappears / appears.

Answer 1

I had the same problem. slideDown does not work in TR. To solve the problem, I put Div inside TDs.