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
<h3 onclick="zobrazSkryj('oddil1')">Nadpis</h3> <div id="oddil1" class="skryvany"> První oddíl: bla bla bla text</div> <h3 onclick="zobrazSkryj('oddil2')">Nadpis druhého oddílu</h3> <div id="oddil2" class="skryvany"> Druhý oddíl: bla bla bla text</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h3 {cursor: pointer; cursor: hand; text-decoration: underline} .skryvany {display: none}
CSS
Autoformát
CSS reset
Až na konci
function zobrazSkryj(idecko){ el=document.getElementById(idecko).style; el.display=(el.display == 'block')?'none':'block'; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>