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
<!doctype html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script> function prohodit(element, trida) { element.className = element.className == trida ? "" : trida; } </script> </head> <body> <div class="nezmenseny"> <style> .zmenseni p.zmensit {max-height: 2em; overflow: hidden; transition: max-height 1s} .zmenseny p.zmensit {max-height: 0} </style> <button onclick="prohodit(this.parentNode, 'zmenseny')">Zobrazit/skrýt změnou výšky</button> <p>Odstavec, který se nezmenší.</p> <p class="zmensit">Obsah plynule skrývaný.</p> <p>Odstavec, který se také nezmenší.</p> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>