Acordeón Jquery que se cierre y está abierto

[mnieto]

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 ;)

[YYs86]

¿Llamas a los dos con el mismo identificador de clase ".accordion" verdad?

Trata de usar identificadores únicos con ellos y copia la misma función que tienes arriba definida con modificandola con el nuevo identificador.

Suerte!

[Sirikon]

Veo que lo que quieres hacer es que al hacer click en una pestaña esta se abra y añada la clase over cierto?

Y ahora quieres que si se vuelve a hacer click se cierre.

Pues simplemente un if al principio de la función del click que sea: si tiene el parámetro over, cerrarlo, si no, abrirlo.