hacer hide y show de un div en loop php

[cesand209]

hola gente..

les pido una mano con lo siguiente, estoy mostrando unos registros en un for php.. lo que quiero es solo mostrar los titulos del post y al hacer click en este se muestre el detalle que va estar oculto.

este es el html donde listo los post:

Código HTML:

<?php foreach ($publicaciones as $field) { ?>
            <div class="cont-oferta">
                
                
                <p class="titulo" ><span><?php echo $field->titulo; ?></span></p>
                <!-- <input type="text" value="<?php echo $field->id_publicacion; ?>" class="id_publicacion" /> -->
                
                <div class="detalle-oferta">
                    <p>Lorem ipsum dolor sit amet, consectetur 
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                
                </div>
            </div>
        <?php } ?>
 

en mi js con jquery oculto el detalle:

$('.detalle-oferta').hide()


pero ahora de que manera diferencion para indicar que al hacer click en algun titulo hacer el:

$('.detalle-oferta').show()

de el post que corresponda?

espero me entiendan y puedan orientar.
saludos

[rodojpm]

Añade este pequeño código en tu archivo js

Código:

$('.titulo').click(function(){
       $(this).parent().find('.detalle-oferta').show();
});

También opcionalmente puedes cambiar el show() por toggle() y asi si vuelves a hacer click este se cierra nuevamente.

[cesand209]

Mil Graciassss!!! Cambie ese show() por un toggle() eso buscaba. Te agradezco nuevamente rodojpm por el tiempo que te tomaste.