[SOLUCIONADO] Afecta todos los div

[Quiramax]

Hola tengo una pero no se mucho sobre jquery, sin embargo comprendo lo basico de este lenguaje y javascript,

tengo un div con una imagen y un botón para activar el script (.more) el siguiente código que hace que un div realice un slide sobre el otro div pero cuando lo ejecuto se bajan todo los div al mismo tiempo y quiero que se baje solo el que recibe el clic.

probe cambiando las "clases" por "id" pero solo baja el primero y cuando le asigno nombres diferente a los id y los coloco en el script separado por comas "," se bajan al mismo tiempo de nuevo.

AYUDA AMIGOS me va a volver loco

Código:

<div class="promo2">
			<h2>Crepes and Waffles</h2>
			<img src="img/item2.jpg" alt="">
			<img class="more" src="img/more.png" >
			<div class="info">
				<p>Fecha: de 26 al 31 de junio</p>
				<p>Fecha: de 26 al 31 de junio</p>
			</div>
		</div>
		<div class="promo1">
			<h2>Outlet Adidas</h2>
			<img src="img/item.jpg" alt="">
			<img class="more" src="img/more.png" >
			<div class="info">
				<p>Fecha:  26 al 31 de junio</p>
				<p>Fecha: de 26 31 de junio</p>
			</div>

Código:

<script> 
	$(document).ready(function(){
		$(".more").on('click', function(){
			$(".info").slideToggle("slow");
		});
	});
	</script>

[rottenp4nx]

El id es solo para elementos únicos, el class es para varios elementos iguales

Tienes que averiguar mas sobre

next(), find(), first() de Jquery

Código Javascript:

<script> 
    $(document).ready(function(){
        $(".more").on('click', function(){
            $(this).next('.info').slideToggle("slow");
        });
    });
    </script>
 

Intenta con ese código

Saludos

[Quiramax]

Gracias rottenp4nx
funciono de inmediato y si tienes razón tengo que aprender mas sobre estos elementos me podrías explicar rápidamente esa linea que agregaste muchas gracias nuevamente.

[pzin]

No es tan difícil ir a la página de la documentación de jQuery y leer un poco.

• http://api.jquery.com/on
• http://api.jquery.com/next
• http://api.jquery.com/slideToggle