Divs expandibles con jQuery

[kikegz]

Hola,

dispongo de una página, concretamente un faq, en la cual me gustaría hacer una lista de títulos (preguntas frecuentes) cuyo contenido permanezca oculto, de manera que al pulsar sobre cada título o pregunta, su contenido se expanda.
En este momento lo hago mediante un script jQuery:

Código:

$(function(){  
	$(".show").click(function(event) {  
		event.preventDefault();  
		$(".pXpand").slideToggle();  
		});  
		$(".pXpand a").click(function(event) {  
		event.preventDefault();  
		$(".pXpand").slideUp();  
		});  
});

Y cada título tendría el formato:

Código:

<a href="#" class="show">título</a>  
<div class="pXpand">  
<p>***contenido***</p>  
</div>

El problema es que cada click afecta a todas las clases y por tanto se expanden todos los div. De qué manera podría centralizar el efecto en un único elemento?

Gracias, un saludo

[oscargalileo]

Hola, creo que debes usar this como segundo parámetro de la función JQuery, para que lo use como contexto y sólo busque dentro del elemento que se hizo click, sería algo así:

Código:

$(function(){  
	$(".show").click(function(event) {  
		event.preventDefault();  
		$(".pXpand",this).slideToggle();  
		});  
		$(".pXpand a",this).click(function(event) {  
		event.preventDefault();  
		$(".pXpand",this).slideUp();  
		});  
});

Nos comentas si ésto te funciona, saludos!

[kikegz]

Hola,
pues la verdad es que así sigue sin funcionar.. pero no debe andar lejos de eso, ya que si pruebo con esta línea:
$(".pXpand").first().slideToggle();
Si afecta sólo al primero de los div...
Gracias de todas formas