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
<dl> <input type="checkbox" id="a"> <label for="a"><dt>A</dt></label> <dd>něco o A</dd> <input type="checkbox" id="b"> <label for="b"><dt>B</dt></label> <dd>něco o B</dd> <input type="checkbox" id="c"> <label for="c"><dt>C</dt></label> <dd>něco o C</dd> <input type="checkbox" id="d"> <label for="d"><dt>D</dt></label> <dd>něco o D</dd> </dl>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
dd { display: none; } dt { display: block; transition: background 1s, color 1s; } dt:hover, input:checked+label dt { background: blue; color: white; } dl input { display: none; } input:checked+label+dd { display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>