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
<title>Zobrazení obsahu po zaškrtnutí radia</title> <h1>Zobrazení obsahu po zaškrtnutí radia</h1> <div> <input type="radio" name="radio" id="radio1" checked onchange="this.parentNode.className = ''"><label for="radio1">Nezobrazit</label> <input type="radio" name="radio" id="radio" onchange="this.parentNode.className = 'checked'"><label for="radio">Zobrazit obsah</label> <div class="obsah"> Div zobrazený po zaškrtnutí radia. </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obsah { display: none; } .checked .obsah { display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>