Hola, tengo un bucle que me produce una lista de items, todos con los mismos atributos, y estoy intentando que, en cada item, salga el titulo pero el contenido de cada uno se despliegue al hacer click en un botón, pero claro, como el div del contenido se llama igual en todos los elementos del bucle, se me despliegan todos..
Por si no me he explicado bien, sería una lista de tratamientos y saldrían todos con su imagen y su titulo, y un botón de + para desplegar toda la información.
Dentro del bucle tengo:
Código:
<div class="item">
<?php the_post_thumbnail('medium'); ?>
<h3 class="title"><?php the_title(); ?></h3>
<?php the_excerpt(); ?>
<div class="more">
<div class="icon-plus"></div>
<div class="icon-minus" style="display:none;"></div>
</div>
<div class="content"><?php the_content(); ?></div>
</div>
Y el javascript
:
Código:
$('.more').click(function() {
$('#treatments .content').slideToggle('slow', function() {
$(".icon-plus").toggle();
$(".icon-minus").toggle();
});
});
Y claro, se me despliega el contenido de todos los tratamientos..
Alguien sabe como puedo solucionarlo??
Muchas graciaaas!!!!