buenas estoy empezando con javascript, y cuando intento gestionar la funcionalidad de un menu vertical, con js, el código me funciona y el menú hace lo que tiene que hacer, pero cuando deseo que se mantenga activa la opción del menu seleccionada aunque haga click fuera de dicho menu hasta que vuelva a clickear otra opción del menú, la parte del código javascript que debería gestionar esa acción no hace nada. El estilo del menú está realizado con css ("focus" y "active") y funciona. Por más que reviso el código javascript no encuentro el error... De antemano muchísimas gracias.
codigo javascript
:
$(document).ready(function(){
$(".menu > li").click(function(e){
var a = e.target.id;
//desactivamos seccion y activamos elemento de menu
$(".menu li.active").removeClass("active");
$(".menu #"+a).addClass("active");
});
});
codigo html:
<ul id="menu" class="menu">
<li id="seccion1" class="active"><a href="seccion1.htm">SECCION 1</a>
<ul>
</ul>
</li>
<li id="seccion2"><a href="seccion2.htm">SECCION 2</a>
<ul>
<li id="subseccion3"><a href="subseccion3.htm">SUBSECCION 3</a></li>
<li id="subseccion2"><a href="subseccion2.htm">SUBSECCION 2</a></li>
<li id="subseccion1"><a href="subseccion1.htm">SUBSECCION 1</a></li>
</ul>
</li>
<li id="seccion3"><a href="seccion3.htm">SECCION 3</a>
<ul>
</ul>
</li>