Gunnar Bittersmann: Mehrere Zeilen einer Tabelle animiert aus- und einblende?

Beitrag lesen

@@Klawischnigg:

nuqneH

Einen Jalousie-Effekt kannst Du im Prinzip ganz leicht erreichen, indem Du zwei Stylesheetklassen für die TR-Zeile definierst, eine mit "display:table-row" (oder was weiss ich, wie das bei Tabellen heisst, ich verwend das sowenig) und eine "display:none".
[…] Und für die "Animation" verwendest Du einfach eine CSS3-Transition für den Übergang von einer Klasse zur anderen.

Transisions gibt es nur für numerische Werte. Was sollten denn auch Zwischenwerte zwischen "table-row" und "none" sein?

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.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)