Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<input type="radio" name="prepinac" id=p1><label for=p1>Prepínač číslo 1</label> <input type="radio" name="prepinac" id=p2><label for=p2>Iný prepínač, číslo 2</label> <div id="zobrazit">Toto sa ti zobrazí pri zaškrtnutom prepínači číslo 1</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div#zobrazit { display: none; color: #f00; font-weight: bold; } label { font-style: italic; } input#p1:checked ~ div#zobrazit { display: block; } /* toto je pre staršie prehliadače nepodporujúce selektor ľubovoľného suseda */ input#p1:checked + label + input#p2 + label + div#zobrazit { background : yellow }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>