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>