Question

我有一个扩展了点击的DIV，当点击另一个DIV时它当前关闭但是我也希望它在点击时关闭，我的代码如下：

Jquery：

$(function(){
  $('.opReview').click(function(){
    $('.review').addClass('hide');
    $(this).children('.review').toggleClass('hide');
  });
});

HTML标记（可以忽略Wordpress代码）

<article class="sixteen columns opReview">          

 <img class="opLogo" src="<?php bloginfo('stylesheet_directory'); ?>/img/core/operator/90x58_operatorlogo/<?php echo $op_logo?>.png" alt="<?php echo($op_title)?>" >

  <div class="list_details">
    <div class="reviewTitle"><p>Click To </br> Read a review</p> </div>
  </div>

  <button class="claimBtn"><i class="fa fa-chevron-circle-right fa-rotate-90"></i></button> 
        <div class="clear"></div>

  <div class="review hide">
          <h1><?php echo $op_name; ?></h1>
            <p><?php echo $operator_review; ?></p>
        </div>
</article>

Answer 1

此代码隐藏所有.review元素，然后切换活动元素，取消隐藏

$('.review').addClass('hide');
$(this).children('.review').toggleClass('hide');

您需要从第一个选择器

中排除当前项目

$(this).siblings('.review').addClass('hide');
$(this).children('.review').toggleClass('hide');

点击下拉框关闭

1 个答案: