Доброго времени суток.
есть вот такой цикл wordpress
<div class="container cat_cocktails">
<div class="row">
<?php if ( have_posts() ) : ?>
<?php /* The loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class="col-sm-2 cat_post_div" style="background-color:<?php echo do_shortcode('[types field="background_post"][/types]'); ?>;">
<div class="row title_cat">
<?php the_title(); ?>
</div>
<div class="row cat_post_img">
<?php if ( has_post_thumbnail()) {the_post_thumbnail('full',array("class"=>"thumb_cat"));} ?>
</div>
<div class="row cat_buttom_post">
<a href="#" style="color:#fff; text-decoration:none"> more</a>
</div>
а теперь собственно вопрос: далее идет блок в котором выводится контент, он скрыт, как сделать так что бы при клике на "more" появлялось это окно с кнопкой закрыть (ну или меняло его стиль к примеру display:blok; или через прозрачность сделать)
<div class="modal_window" style="display:none;">
<?php the_content(); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
суть в том что бы выводился контент записи на которую кликнули. и при нажатии "закрыть" снова display:none; . Как сделать при наведении я понимаю, то есть применить hover эффект и изменить display:none; на display:block; а вот как сделать это при клике... способов много но не могу заставить работать их в цикле хоть убей, понимаю что решение легкое и находится "под носом" а найти никак