Tabellen Reihe weg"schieben" (tr height:)

[Mini-Leopard]

Liebe Community!

Ich versuche gerade, eine dynamische Tabelle mit JS und CSS zu erstellen.
Das klappt auch alles, wie es soll.

Nur sieht meine Tabelle noch ein wenig beschissen aus.
Denn ich möchte, dass die Reihen nicht einfach auspoppen und verschwinden, sondern das ganze mit einem netten Effekt belegen.

Dafür dachte ich mir -webkit-transition:height .5s ease-in.
Das geht allerdings nicht, weil die <tr> auf height und overflow:hidden nicht reagieren.

Ich hab schon versucht, die <tr> als block anzuzeigen.
Das zerstört aber auch das gesamte Design, weil sich die Reihen dann natürlich nicht mehr gegenseitig in der Höhe anpassen.

Gibt es dazu eine Lösungsmöglichkeit?
Freue mich über eure Hilfe!

Vielen Dank
Liebe Grüße

[Otti10]

Vielleicht mit jQuery?