con opciones, son tres niveles pero al dar click en el label 1 se activa los otros label
si doy click en cualquier label2 entonces se activan todos los label3 y no el propio.
Código Javascript:
Ver original
<script> $(document).ready(function(){ $("ul.subnavegador").hide(); $("ul.sububnavegador").hide(); $(".label1").click(function(){ $(".subnavegador").toggle( function(){ $(this).parent().find(".label2").click(function(){ slideDown('fast'); }); }, function(){ $(this).parent().find(".label2").click(function(){ slideUp('fast'); }); } ); }); $(".label2").click(function(){ $(".sububnavegador").toggle( function(){ $(this).parent().find(".label3").click(function(){ slideDown('fast'); }); }, function(){ $(this).parent().find(".label3").click(function(){ slideUp('fast'); }); } ); }); }); </script>
Código PHP:
Ver original
<ul class="navegador"> <? for($i = 0;$i <= 1;$i++){ ?> <li id="li_uno"> <label class="label1"> Nivel 1: </label> <ul class="subnavegador"> <? for($j = 0;$j <= 1;$j++){ ?> <li class="desplegable"> <label class="label2">Nivel 2: </label> <ul class="sububnavegador"> <? for($k = 0;$k <= 2; $k++){ ?> <li > <label class="label3"> Nivel 3: </label> </li> <? } ?> </ul> </li> <? } ?> </ul> </li> <? } ?> </ul>