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

[MB]

moin,

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?

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

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?

Background der Frage Nebenbei
Ich Frage bezüglich dieser in HTML gerenderten Markdown-Kommentar-Elemente hier:
Ich möchte mit einem Maus-Klick auf ein "eingeklapptes" Kommentar-Element mit CSS erreichen, dass all die "eingeklappten" Geschwister Kommentar-Elemente des geklickten Elementes, "mit-ausgeklappt" werden, wie das geklickte Kommentar-Element selbst auch.

lgmb