Listando Foreach hidden

[slotos 3]

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

[Electronic 124]

é alguma coisa com o hidden? Pq se eu tirar a class hidden, ele lista os detalhes correspondentes.

 

Como eu poderia estar contornando isso?

 

Se vc quer listar, e tirando o hidden ele lista, então qual o problema??

hidden é a classe, olhe a definição dela, provavelmente deve estar com display: none