Как вывести запись в модальном окне Wordpress?

Доброго времени суток.

есть вот такой цикл 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; а вот как сделать это при клике... способов много но не могу заставить работать их в цикле хоть убей, понимаю что решение легкое и находится "под носом" а найти никак
  • Вопрос задан
  • 485 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы