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;
}