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
<div class="spolecny"> <h1>Nadpis</h1> <p>Text</p> <button onclick='this.parentNode.className = this.parentNode.className == "spolecny" ? "spolecny prepnuty" : "spolecny"'><span class='zapnout'>Zapnout</span><span class='vypnout'>Vypnout</span></button> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* popisek tlačítka */ .spolecny .zapnout, .prepnuty .vypnout {display: none} .prepnuty .zapnout {display: block} /* nadpis + obsah */ .prepnuty h1 {color: blue} .prepnuty p {display: none}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>