Accordion mit <details> ohne Javascript

Nativer HTML5 Aufklapper ganz ohne Abhängigkeiten

Fragen über Fragen. Stimmt das?

Kurz: Ja Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind.

Haben Antworten was mit Ants zu tun?

Antwort Nein. Ants sind Ameisen. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind.

Warum bin ich immer müde?

Antwort Nein. Ants sind Ameisen. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind. Meist stimmt das, da Fragen die Vater der Antworten sind.

Vorteile:

  • Simple, ohne Javascript, gute Browserunterstützung
  • Klappt out-of-the-box mit der Tastatur

Nachteile:

  • Kein IE, kein Opera Mini
  • Klappt nicht abwechselnd, sonder klappt nacheinander alle auf
  • Das Icon lässt sich nicht wirklich stylen

Fazit:

  • Eignet sich gut für eine FAQ
  • Moderne Seiten können es schon machen
  • Wer's nicht kann, klappt einfach alles auf

Quellen: