Hola muy buenas;
Estoy desarrollando una web en la cual tengo un acordeón que funciona de la siguiente manera.
1. Al principio están cerrados los 2.
2. Al pinchar sobre uno de ellos se abre (lógicamente)
3. Estando uno abierto, al pinchar sobre el otro éste se abre y el primero se cierra.
El problema es que el cliente me pide que quiere que cuando está uno abierto, si se pincha sobre éste, se cierre, quedando ambos plegados (al igual que se comportan cuando carga la página)
El código que tengo es este:
Código:
jQuery("document").ready(function(){
initAccordion();
});
function initAccordion(){
var $accordion = jQuery(".accordion");
var $accordionA = $accordion.find('h3');
var $accordionLi = $accordion.find('li');
$accordionA.click(function () {
$this = jQuery(this);
if(!$this.is(".Over")){
$accordionLi.children('ul').slideUp('fast');
$accordionLi.each(function () {
$accordionLi.children('h3').removeClass('Over');
});
$this.siblings('ul').slideDown('fast');
$this.addClass('Over');
}
return false;
});
}
¿Alguien puede echarme una mano por favor?
Muchas gracias por adelantado y un saludo ;)