Formatierung bei verschachtelten Listen zum Aufklappen (Wiki-Artikel „Akkordeon mit details“)

[Matthias Scharwies]

Servus!

@Gunnar Bittersmann: Was meinst Du, warum Heydon auf <details> verzichtet hat? Fand er es unpassend für die Aufgabe, oder lag es an der Kompatibilität? Der Artikel ist von 2017, laut caniuse.com fehlte <details> da „nur“ im Edge-Browser, der bekam es erst 2020 mit der Umstellung auf Chromium. Im Firefox kam es 2016.

Ich hab' ihn auf Mastodon mal angetröötet.

Mit <details>, Heydons Idee eines SVG-Elements für den Expand-Marker und einer Rotation beim Aufklappen könnte es so aussehen:

https://jsfiddle.net/Rolf_b/mLb8dyoq/

Cool!

Herzliche Grüße

Matthias Scharwies