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
<div class="menu" id="menu"> Text <button onclick="zobrazSkryVseobecne('hidden');" onfocusout="zobrazSkryVseobecne('hidden')">Menu</button> </div> <div class="skryt" id="hidden"><a href="#">Skytý text</a></div> <div class="normalny"> Normálny text </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menu + div {height: 200px; background-color: rgb(0, 0, 0); width: 100%; position: absolute} .menu + div a {display: block; width: 100%; color: rgb(255, 255, 255)} .menu button {display: block; float: right; height: 100%; width: 50%} .skryt {display: none;}
CSS
Autoformát
CSS reset
Až na konci
function zobrazSkryVseobecne(idecko) { var miesto = document.getElementById(idecko); miesto.className = (miesto.className === "skryt" ? "" : "skryt"); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>