Foros del Web » Programando para Internet » Jquery »

Acordeón Jquery que se cierre y está abierto

Estas en el tema de Acordeón Jquery que se cierre y está abierto en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/10/2012, 05:22
 
Fecha de Ingreso: noviembre-2007
Mensajes: 32
Antigüedad: 16 años, 4 meses
Puntos: 2
Pregunta Acordeón Jquery que se cierre y está abierto

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 ;)
  #2 (permalink)  
Antiguo 01/10/2012, 10:31
Avatar de YYs86  
Fecha de Ingreso: abril-2012
Ubicación: Salamanca
Mensajes: 136
Antigüedad: 11 años, 11 meses
Puntos: 14
Respuesta: Acordeón Jquery que se cierre y está abierto

¿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!
__________________
Web developer:

http://xtremgaming.es
http://leaderleague.com
  #3 (permalink)  
Antiguo 04/10/2012, 08:50
Avatar de Sirikon  
Fecha de Ingreso: marzo-2009
Mensajes: 82
Antigüedad: 15 años
Puntos: 11
Respuesta: Acordeón Jquery que se cierre y está abierto

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.

Etiquetas: acordeon, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:25.