sp1rob
@sp1rob

Селекторы jq скрытие div?

Есть wp loop.
При нажатии на .full открывается .post-content.
При нажатии на .close-full .post-content закрывается.

На деле получается, что .post-content открывается, но закрыться не может.
Я так понимаю, что дело в селекторе при указании $(this).find() в click('close-full')
<?php /*Start the loop*/ ?>
 <?php $specialistquery = new WP_Query('category_name=our-specialists'); ?>
 <?php while ( $specialistquery->have_posts()) : $specialistquery->the_post()?>
  <div class="full clear">
     <img class="close-full" src="" alt="Закрыть">
     <div class="full-info clear">
        <?php the_post_thumbnail(); ?>
        <p class="name visible"><?php the_title() ?></p>
        <div class="post-content">
           <?php get_template_part( 'template-parts/content' ); ?>
        </div>
        <p class="specialization visible"></p>
        <p class="education visible"></p>	
        <p class="experience visible">Стаж более лет</p>
     </div>
 </div>
  <?php endwhile; ?>
<script type="text/javascript">
  $('.close-full').click(function(){
   $(this).find('.post-content').css({'display':'none'});
  });
  
  $('.full').click(function(){
   $(this).find('.post-content').css({'display':'inline'});
  });
</script>
  • Вопрос задан
  • 111 просмотров
Решения вопроса 1
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
$('.close-full').click(function(){
		$(this).parent().find('.post-content').css({'display':'none'});
	});

	$('.full').click(function(event){
		if(event.target.className !== 'close-full'){
			$(this).find('.post-content').css({'display':'inline'});
		}
	});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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