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
<ul> <li><input type="radio" id="test1" name="p" class="radio" sub="0">test</li> <li><input type="radio" id="test2" name="p" class="radio" sub="1">test 2</li> <li class="submenu" ex="1"> <ul> <li><input type="radio" name="p2">test 2.1</li> <li><input type="radio" name="p2">test 2.2</li> <li><input type="radio" name="p2">test 2.3</li> </ul> </li> <li><input type="radio" id="test3" name="p" class="radio" sub="2">test 3</li> <li class="submenu" ex="2"> <ul> <li><input type="radio" name="p3">test 3.1</li> <li><input type="radio" name="p3">test 3.2</li> <li><input type="radio" name="p3">test 3.3</li> </ul> </li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul li{ list-style-type:none; } .submenu{ display:none; }
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function(){ $('.radio').change(function(i){ $('.submenu').hide(); var radioChecked = $('input[name=p]:checked').attr('sub'); var t = $('.submenu[ex='+ radioChecked +']').show(); //console.log(radioChecked); }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>