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> <dt onclick="toggle(this, 'shown')">A</dt> <dd>něco o A</dd> <dt onclick="toggle(this, 'shown')">B</dt> <dd>něco o B</dd> <dt onclick="toggle(this, 'shown')">C</dt> <dd>něco o C</dd> <dt onclick="toggle(this, 'shown')">D</dt> <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, .shown { background: blue; color: white; } .shown+dd { display: block; }
CSS
Autoformát
CSS reset
Až na konci
function toggle(el, cl) { el.className = el.className == cl ? '' : cl; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>