este es el codigo html pero es raro lo que me dices que de solo abriria el primero por si te fijas el div con clase info tambien es una clase y esta igual en todos los div y con el script que tengo me abre independiente en cada uno pero lo probe para .screen y no funciono y le cambie cosas pero como soy mas bien nuevo con el jquery todavia me falta mucho
Código HTML:
<div class="principal">
<h2>titulo</h2>
<img src="img/item2.jpg" alt="">
<img class="more" src="img/more.png" >
<div class="info">
<h3>Mes de..</h3>
<ul>
<li>aqui van items</li>
<li>aqui van items</li>
<li>aqui van items</li>
<li>aqui van items</li>
<li>aqui van items</li>
<li>aqui van items</li>
</ul>
<h3>otro titulo</h3><br>
<div id="ver_mas" href="#">Mas información</div>
</div>
</div>
<div class="screen">
<div class="modal_info">
<img src="img/item.jpg" alt="">
<ul>
<li>Del 26 al 31 de diciembre</li>
<li>no es acomulable con otros descuentos</li>
<li>Info: 000 0000(ciudad)</li>
<li>Horario de atencion:<br>
Lunes a Domingo 9am - 8pm</li>
<li>Centro Comercial</li>
<li>Local: 0000</li>
</ul>
</div>
<div class="close">Cerrar</div>
</div>