Akkordion mit einem Schuss Animation

Beim Klicken auf das summary-Element erhält details ein open-Attribut und gibt den Inhalt frei:

Browser-News:

Das details-Element ist in allen modernen Browsern verfĂĽgbar.

Das Ă–ffnen selbst kann leider nicht mit CSS animiert werden.

Deshalb wird die Höhe des div-Containers aminiert. Hierbei benötigt man aber einen festen Wert, der bei einer Veränderung des Inhalts angepasst werden muss.

Solche magic numbers sollten nach Möglicheit vermieden werden!