Klaus: Mehrere Zeilen einer Tabelle animiert aus- und einblende?

Beitrag lesen

Hallo Martin,

entschuldige, dass mir bei der Anrede gerade spontan ein NDW-Hit von Nickerbocker & Biene aus den 80ern einfällt ... ;-)

Kann ich nichts zu sagen, ist wohl nicht ganz meine Generation ;-))

Leider wird das nicht animiert, also hat jemand eine Idee, wie ich das realisieren kann?

was meinst du mit animiert?

Mit animiert meine ich, dass mit dem Klick, die Zellen nicht einfach platsch und weg, sondern wie eine Art Jalousie langsam zusammenfahren.

Gibts überhaupt eine Chance das mit eine Tabelle zu realisieren?

Wie wäre es mit mehreren tbody-Elementen, die du mit display:none ein- bzw. ausblendest?

Klingt nicht schlecht die Idee, zumindest wäre es mit den 4 einzelnen Animationen gelöst.
Wusste nicht, dass eine Tabelle mehrere TBODYs haben kann und darf.
Allerdings verwende ich ja schon display:none, aber da findet eben keine Animation statt, anders als bei Änderungen der Farbe, der Höhe oder Opacity etc.
Da ich keine feste Höhe habe, sowohl bei der Anzahl der Zeilen pro Gruppe als auch bei der Höhe pro Zeile, müsste ich mir beim Ausblenden die ursprüngliche Höhe merken.

Wenn es keine andere Lösung gibt, werde ich das wohl auf diese Art realisieren müssen, oder?

Klaus