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