CSS - Toogle via radio buttons

[Donskelle]

Moin,

sollen für die Uni ne Seite bauen. Nur leider ohne Javascript, deshalb hab ich ein bisschen mit css rumgespielt. Leider kriege ich den toogle nicht implementiert.

Wenn möglich mal rüber schauen und nen Kommentar abgeben. Wichtig ist der gecheckte Radio-Button gehided wird.

Pure CSS toggle accordion - jsFiddle

Grüße,
Donskelle

 

[Tronjer]

In CSS3 ließe sich so etwas unter Umständen mit den Pseudo-Klassen :not und :target realisieren.

Wobei ich das selber noch nicht versucht habe. Ich setze da lieber auf jQuery.

 

[Banana_Jones]

input[type='radio']:checked {
    display: none;
}

Sollte doch ausreichen? Oder bin ich auf dem falschen Dampfer?

 

[Donskelle]

Vielen Dank für die Antworten. Reicht auch völlig. Hatte nur Probleme mit CSS-Selector....
Hier nun die Lösung:
Pure CSS toggle accordion - jsFiddle