Tabellenkörper ein- und ausklappen

[Matze]

Hallo!

Ich habe mehrere Tabellen mit einem Body-Bereich, einer Kopf- und Fußzeile.
Den Body-Bereich möchte ich gern per JS auf Knopfdruck ein- und ausklappen.
Das funktioniert mit einer Zuweisung der display-Eigenschaft auch super, ich hätte es aber gern etwas 'weicher'. Ähnlich wie in diesen Akkordion-Menüs.

Der Tabellenfuß soll sich beim einklappen über den Body schieben und diesen verschwinden lassen. Beim ausklappen natürlich umgedreht.

Meine Idee war jetzt die Höhe des tbody-Elements mit einem setInterval() bis auf 0 zu reduzieren. Das sollte wohl mit der height-Eigenschaft möglich sein.

Aber wie mach ich das ganze dann wieder Rückgängig?
Also woher weiß ich, wie hoch das Element vorher war, bzw. bis auf welche Höhe ich es dann wieder "aufklappen" muss?

Ich bin euch dankbar für Tipps zur Umsetzung.

Danke und Grüße, Matze