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 id="menu">Toggle Hidden Div</button> <div class="hidden" style="display: none;">This content is normally hidden</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
(function() { "use strict"; var hiddenItems = document.getElementsByClassName('hidden'); var isHidden = true; document.addEventListener('click', function(e) { var hidden; for (var i = 0; hidden = hiddenItems[i]; i++) { hidden.style.display = 'none'; } isHidden = true; }, false); document.getElementById("menu").addEventListener('click', function(e) { var hidden; for (var i = 0; hidden = hiddenItems[i]; i++) { hidden.style.display = 'block'; } if (isHidden) { e.stopPropagation(); } isHidden = false; }, false); })();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>