Bueno, revisando algún que otro post (y aún sin entender prácticamente nada de JavaScript y menos todavía de JQuery) encontré la solución para cerrar a la vez que se abre el otro elemento, de forma que no se salga del cuadro.
Lo dejo aquí por si alguien lo necesita:
Código Javascript
:
Ver original$(document).ready(function(){
var togglers = $('#menulateral ul.acordeon');
var triggers = $('#menulateral span.despliega');
triggers.click(function() {
togglers.slideUp('slow');
$(this).next('ul.acordeon').slideDown('slow');
});
triggers.first().click();
});
De todas formas, si hago clic sobre el mismo elemento, este se vuelve a desplegar (aunque ya esté desplegado) y claro, lo ideal sería que un clic desplegara, otro clic encogiera.
¿Alguien tiene alguna idea? ¡Ayudaaaaa!
Gracias! :)