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">kalkulacka</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#cenik_konfigurator { height: 0; background: red; overflow: hidden; }
CSS
Autoformát
CSS reset
Až na konci
var Kalkulator = function (id) { this.open = false; }; Kalkulator.prototype.show = function() { $("#cenik_konfigurator") .stop() .animate({"height": "400px"}, 500); this.open = true; }; Kalkulator.prototype.hide = function() { $("#cenik_konfigurator") .stop() .animate({"height": "0px"}, 500); this.open = false; }; Kalkulator.prototype.toggle = function() { if (this.open) { this.hide(); } else { this.show(); } }; var kalkulator = new Kalkulator(); $("#konfigurator").click(function(){ kalkulator.toggle(); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>