Wie mit toggle Inline-Elemente ein- & ausklappen? (nur über CSS)

[Gunnar Bittersmann]

@@MB

Frage
Wie erreicht man, dass sich die Länge eines Inline-Elementes im Text auf null reduziert und sich nur über ein CSS Event des selbigen Elementes wieder auf die ursprüngliche Länge zurück setzt?

Es gibt keine CSS-Events. (Weder mit noch ohne Deppenleerzeichen.)

Background
Ich will die in HTML gerenderten Markdown-Kommentare für einen besseren Lesefluss über einen Toggle des selben Kommentars einklappen können.

Das klappt mit dem details-Element.

Frage Nebenbei
Ohne JavaScript ist es nicht möglich, über eine GUI-Interaktion mit Element A, Element(e) B zu steuern, welche, außer einer gemeinsamen Klasse und Geschwister-Elemente im DOM, mit diesem Element A nichts weiterhin gemein haben, oder? Nur über JS krigt man die Verbindung der Geschwister Elemente im DOM hin, aber nicht über CSS, oder?

Doch, das ist es.

Es ist aber nicht sinnvoll, da „CSS-only-Lösungen“ i.d.R. keine Lösungen sind, sondern nicht von allen bedienbarer Mist.

🖖 Живіть довго і процвітайте