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="btn-slide">Slide</button> <div id="panel"></div> <!-- po načetní divu ho okamžitě skryjeme, aby neprobliknul --> <script>document.getElementById('panel').style.display="none";</script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#panel { width: 10em; height:10em; background: red; }
CSS
Autoformát
CSS reset
Až na konci
// při načtení stránky $(document).ready(function(){ // zaregistrujeme posluchače kliknutí $('.btn-slide').click(function(){ $("#panel").slideToggle('slow'); $(this).toggleClass('active'); return false; }); // a panel pomalu zobrazíme $('#panel').slideToggle('slow'); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>