jQuery acordeon customizar

[testeador]

Hola amigos,

Mis conocimientos de jquery son muy pobres u.U

Tengo este pedazo de código que utilizo para mis acordeones.

Código:

$(".collapse ul").hide();
			$(".collapse h3").click(function() {
				$(this).next("ul").slideToggle("slow").siblings("ul:visible").slideUp("slow");
				$(this).toggleClass("active");
				$(this).siblings("h3").removeClass("active");
			});

Esto llama de alguna manera al H3 para que tenga que un active y cuando click en otro h3 pues el otro se desactiva y se activa el que has clickeado último y asi...

Lo que necesito es poder activar al hijo de este ya que yo le agregado un SPAN dentro del H y quisiera que este se activara/desactivará de la misma manera que el h3 aunque no hay necesidad de ponerle el active para H3 tan solo al SPAN que se encuentra dentro de este.

Código:

<h3><span>Texto</span></h3>

Esto del span que le agregue es por un tema de diseño para cambiar de background y asi..

Busque algunos tutos pero no lo encontre como solucionar u.U

Espero que me puedan ayudar.

Saludos

[testeador]

La solución para esto es

Código:

$('h3.sub').click(function() {
	$('h3.sub span').removeClass('active');
	$('.block').slideUp('normal');
	if($(this).next().is(':hidden') == true) {
		$(this).find('span').addClass('active');
		$(this).next().slideDown('normal');
	}
});
$('.block').hide();

[kikeking1]

Código:

$('h3.sub').click(function() {
	$('h3.sub span').removeClass('active');
	$('.block').slideUp('normal');
	if($(this).next().is(':hidden') == true) {
		$(this +'> span').addClass('active');
		$(this).next().slideDown('normal');
	}
});
$('.block').hide();

Si usas el selector diramente en lugar de realizar find(), el resultado sera el mismo, pero con un coster menor de recursos, ya que find escanea la estructura del dom numerando los elementos que encuentre, proceso el cual se lleva a acabo cada vez que se active la funcion. Como sabemos que el span es siempre hijo directo del h3 y que solo hay uno por cada, creo que te puede interesar mas hacerlo asi. (es basicamente lo mismo que plantea testeador en la primera linea de la funcion (marcada en azul)).

Espero que te sirva de algo el apunte. Suerte!