Pure CSS accordion with animated plus and minus buttons
Funktionsweise
Neben den entsprechenden Akkordion-Buttons befindet sich eine versteckte Checkbox.
Mithilfe des General sibling selectors (Allgemeiner Geschwister-Selektor) kann der Akkordion-Inhalt entsprechend dem Status der Checkbox verändert werden.
Also zum Beispiel:
.accordion-content { display:none; } input:checked ~ .accordion-content { display:block; }