Mehrere Zeilen einer Tabelle animiert aus- und einblende?

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

Man könnte auf eine Transition von height oder max-height kommen. Funktioniert aber nicht, da Browser bei Tabellen die Höhe von Zellen automatisch vergrößern, damit ihr Inhalt vollständig zu lesen ist.

Man könnte auf eine Transition von line-height, padding-top, padding-bottom (ggfs. auch border-width) kommen. Funktioniert.

Qapla'

PS: jQuery hier aus Faulheit. Wenn man sowieso jQuery verwendet, dann auch hierfür. Ansonsten wäre es unsinnig, wegen dieses Effekts jQuery einzubinden; die 2 Eventhandlerfunktionen sind in Vanilla-JavaScript auch schnell geschrieben.