Cordial saludo.. Intento hacer un toggle en ul y li para desplegar un menu
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>