Akkordeon wieder schließen ohne sichtbare Checkbox

[marctrix]

Hej PadAmy,

hier 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, 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 nachrüsten.

2. Verwende die Lösung, die Heiden Pickering in seinen inclusive components vorstellt: Collapsible Sections

Marc