Listando Foreach hidden

Galera boa noite,

Estou tendo um problema ao listar um conteúdo, segue o código

foreach ($modelos->getResult() as $modelo):

 ?>

 <div class="col-md-4 col-sm-6 col-xs-12 mix <?= $modelo['modelo_categoria'] ?> atores">
 <div class="gallery-block">
 <a href="<?= HOME ?>/uploads/<?= $modelo['modelo_foto1'] ?>#" class="fancybox" rel="gallery" data-title-id="title1">
 <img src="<?= HOME ?>/tim.php?src=<?= HOME ?>/uploads/<?= $modelo['modelo_foto1'] ?>#&zc=1&q=100&w=1000&h=800" alt="#modelo_name# #modelo_lastname#">
 </a>
 <div class="gallery-caption">
 <h4><?= $modelo['modelo_name'] ?> <?= $modelo['modelo_lastname'] ?></h4>
 </div>
 <div id="title1" class="hidden">
 <div class="gallery-caption white-color">
 <h4><?= $modelo['modelo_name'] ?> <?= $modelo['modelo_lastname'] ?></h4>
 <ul style="list-style-type: square;">
 <li>Sexo: <?= $modelo['modelo_sexo'] ?></li>
 <li>Idade: <?= $modelo['modelo_idade'] ?></li>
 <li>Altura: <?= $modelo['modelo_altura'] ?></li>
 <li>Cor do cabelo: <?= $modelo['modelo_cor_cabelo'] ?></li>
 <li>Cor dos olhos: <?= $modelo['modelo_cor_olhos'] ?></li>
 <li>Peso: <?= $modelo['modelo_peso'] ?> Kg</li>
 <li>Casting: <?= $modelo['modelo_categoria'] ?></li>
 </ul>
 </div>
 </div>
 </div>
 </div>

 <?php
 endforeach;

o item <img> está percorrendo o foreach corretamente, está aparecendo a imagem de cada modelo cadastrado no banco.

O problema é a div que está "hidden" a div id="title1", ela não aparece os detalhes do seu modelo correspondente ao clicar em sua imagem, e sim do primeiro modelo cadastrado no banco.

O que poderia estar dando esse conflito? é alguma coisa com o hidden? Pq se eu tirar a class hidden, ele lista os detalhes correspondentes.

Como eu poderia estar contornando isso?

Agradeço desde já!