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
<button class='login_buttons_menu' onclick='zobraz_alebo_skry_okno("okno1")'>1 </button> <button class='login_buttons_menu' onclick='zobraz_alebo_skry_okno("okno2")'>2 </button> <div class='skryte-okno' id='okno1'>Skryté okno 1</div> <div class='skryte-okno' id='okno2'>Skryté okno 2</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.skryte-okno { display: none; }
CSS
Autoformát
CSS reset
Až na konci
function zobraz_alebo_skry_okno(id) { okno = document.querySelectorAll('#' + id)[0] if (okno != null) { okno.style.display = okno.style.display == 'block' ? 'none' : 'block' } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>