Beim Klicken auf das summary-Element erhält details ein open-Attribut und gibt den Inhalt frei:
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!