如何确定Div是否为Toggled Jquery

Question

我正在使用此处找到的示例：https://stackoverflow.com/a/18110473/4847069，但我还想检查div是否切换。我对Jquery不太熟悉，所以我在向提供的示例中添加if条件时遇到了麻烦。任何帮助将不胜感激！谢谢！

Answer 1

使用$(obj).is(':visible')确定对象obj是否已切换为＆＃34;可见。＆＃34;

使用链接帖子中的示例：

＆＃13;

＆＃13;

$('.orange').hide();

$('.gray, .orange').on('click', function() {
  $('.gray, .orange').toggle();

  if($('.gray').is(':visible')) {
    $('#output').html('gray');
  }
  else {
    $('#output').html('orange');
  }      
});

＆＃13;

.blue{
  height:100px;
  width:250px;
  background:#1ecae3;
  float:left;
}
.gray{
  height:100px;
  width:100px;
  background:#eee;
  float:left;    
}

.orange{
  height:100px;
  width:150px;
  background:#fdcb05;
  float:left;     
}

#output {
  clear: both;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="blue"></div>
<div class="gray">
    <p> Show --> </p>
</div>
<div class="orange" >
    <p> -- Hide </p>
</div>

<div id="output"></div>

＆＃13;

＆＃13;

＆＃13;