Nur mit CSS: Akkordeons mit animiertem Plus-Minus-Symbolen

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:

<input type="checkbox" />
<div class="accordion-content"></div>

.accordion-content {
  display:none;
}
input:checked ~ .accordion-content {
  display:block;
}