[SOLUCIONADO] Contenido desplegable

[clarova]

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!!!!

[Trublux]

Puedes seguir lanzando el evento cuando hacen click en ".more" y en esta, usar $(this) para coger los hijos (".icon-plus" e ".icon-minus").
No sé de donde sale "'#treatments .content".

[clarova]

Muchas gracias, si era lo que decias.
Por si a alguien le interesa se me ha quedado así:

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="open"><span class="button button_small button_green">Leer m&aacute;s</span></div>
		<div class="close" style="display:none;"><span class="button button_small button_green">Ocultar</span></div>	
		<div class="content"><?php the_content(); ?></div>
	</div>
</div>


$('.more').click(function() {
	$(this).children('.open').toggle();
	$(this).children('.close').toggle();
	var content = $(this).children('.content');
	content.toggle();
});