Hej PadAmy, > [hier](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Akkordeon) konnte ich herausfinden, wie ich ein einfaches Accordeon umsetzen kann. Einige kleine Anpassungen erfüllen meine Bedürfnisse fast vollständig. Eine Zeit lang war der Checkbox-Hack modern (aus dieser Zeit stammt der Artikel), er hat aber für verschiedene Nutzer mehr oder weniger große Nachteile. Zwei Alternativen bieten sich an: 1. Verwende [`details` und `summary`](http://html5please.com/#details), die Elemente also, die HTML dafür explizit vorsieht. Funktionieren inzwischen in den meisten (aber immer noch nicht in allen) Browsern. Die fehlende Unterstützung kann man, wenn es einem denn wichtig ist, mit einem [polyfill](http://html5please.com/#details) nachrüsten. 2. Verwende die Lösung, die Heiden Pickering in seinen [inclusive components](https://inclusive-components.design) vorstellt: [Collapsible Sections](https://inclusive-components.design/collapsible-sections/) Marc

Hej PadAmy, > [hier](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Akkordeon) konnte ich herausfinden, wie ich ein einfaches Accordeon umsetzen kann. Einige kleine Anpassungen erfüllen meine Bedürfnisse fast vollständig. Eine Zeit lang war der Checkbox-Hack modern (aus dieser Zeit stammt der Artikel), er hat aber für verschiedene Nutzer mehr oder weniger große Nachteile. Zwei Alternativen bieten sich an: 1.) Verwende [`details` und `summary`](http://html5please.com/#details), die Elemente also, die HTML dafür explizit vorsieht. Funktionieren inzwischen in den meisten (aber immer noch nicht in allen) Browsern. Die fehlende Unterstützung kann man, wenn es einem denn wichtig ist, mit einem [polyfill](http://html5please.com/#details) nachrüsten. 2. Verwende die Lösung, die Heiden Pickering in seinen [inclusive components](https://inclusive-components.design) vorstellt: [Collapsible Sections](https://inclusive-components.design/collapsible-sections/) Marc