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="konfigurator">klikni</button> <div id="cenik_konfigurator"> <big><big>Obsah <br> o <br> neznámé <br> výšce</big></big> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#cenik_konfigurator { background: red; overflow: hidden; }
CSS
Autoformát
CSS reset
Až na konci
var Kalkulator = function (el) { this.open = false; this.element = el; el.hide(); // start with hidden }; Kalkulator.prototype.show = function() { this.element.stop().slideDown(500); this.open = true; }; Kalkulator.prototype.hide = function() { this.element.stop().slideUp(500); this.open = false; }; Kalkulator.prototype.toggle = function() { if (this.open) { this.hide(); } else { this.show(); } }; var kalkulator = new Kalkulator($("#cenik_konfigurator")); $("#konfigurator").click(function(){ kalkulator.toggle(); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>