Hallo beatovich;
hallo
Ich möchte deinen Anwendungsfall verstehen. deshalb habe ich hier ein Szenario einer Auswahl zwischen 2 Spielen.
<input type="radio" id="game1" name="gameselection">
<input type="radio" id="game2" name="gameselection">
<h1>Wählen Sie ein Spiel</h1>
<ul>
<li><label for="game1">Spiel 1</label></li>
<li><label for="game2">Spiel 2</label></li>
</ul>
<section class="games game1">(Hier ist der Inhalt des Spiels)</section>
<section class="games game2">(Hier ist der Inhalt des Spiels)</section>
.games {display:none}
#game1:checked ~ .game1 {display:block;}
#game2:checked ~ .game2 {display:block;}
Da hier das ganze über eine radiogroup name="gameselection" läuft, entsteht die Frage (das ist meine Diskussion mit Gunnar), ob hier das hidden attribut angebracht ist.
Ein hidden attribut kann ich nicht via CSS manipulieren. Ich muss automatisch zu Javascript greifen. Das werde ich in der Regel ungern tun, es sei denn, die weitere Ausführung der so angezeigten Inhalte bedingt sowieso Javascript.
Anstelle der section elemente könnten durchaus auch andere Elemente verwendet werden. Das ist hier also nicht so relevant.