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
<title>Rozklikávací menu bez JS</title> <menu> <li><label for="menu1">Rozklikávací menu 1</label> <input id="menu1" type="checkbox"> <ul timeaction="display" begin="menu1.click" end="menu1.click" restart="whenNotActive"> <li>Podmenu 1.1 <li>Podmenu 1.2 <li>Podmenu 1.3 <li>Podmenu 1.4 </ul> <li><label for="menu2">Rozklikávací menu 2</label> <input id="menu2" type="checkbox"> <ul timeaction="display" begin="menu2.click" end="menu2.click" restart="whenNotActive"> <li>Podmenu 2.1 <li>Podmenu 2.2 <li><a href="http://djpw.cz/156483">Související diskuse</a> </ul> <li>Menu bez podmenu </menu>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
menu input { position: absolute; left: -1000px } menu input+ul { display: none; } menu input:checked+ul { display: block; } menu ul { behavior: url(#default#time2); }
CSS
Autoformát
CSS reset
Až na konci
/* Atributy timeaction, begin, end a restart pocházejí z HTML+TIME: http://msdn.microsoft.com/en-us/library/ms533140(v=vs.85).aspx ... podporuje je pouze starší Explorer. Nové prohlížeče zase naopak znají pseudotřídu :checked. Žádný JS zde není. */
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>