Ich habe eine Optionsschaltfläche mit der ID someID-1
und einem div mit der ID navi1
.Anzeige div, wenn das Optionsfeld aktiviert ist
<input name="nappi" type="radio" id="someID-1" />
<div>
<div id="navi1">
<div style="z-index:100;position:fixed;right:0;top:0;bottom:0;">
<label for="someID-2">2</label>
</div>
</div>
</div>
Dieser CSS-Code funktioniert gut:
div[id^="navi"] {
display: none;
}
Aber das OK nicht funktioniert:
input#someID-1:checked #navi1 {
display: block;
}
Wie soll ich den Code ändern?
Ich habe Dutzende von Radio-Tasten (ID-Namen zwischen someID-1
und someID-99
). Ich hätte gerne dynamischen Code.
Ich möchte kein JavaScript verwenden.
Haben Sie Einschränkungen bei der Verwendung von JavaScript? –
Ich bevorzuge nur HTML und CSS. – xms