如何使用jQuery检查元素是否可见？

Question

我正在使用

$('#analytics').toggle("slide");

切换项目的可见性。但是当我尝试使用

检查它是否可见时

$('#analytics').is(":visible")

一旦切换可见，它总是显示为可见......

如果使用jQuery切换功能控制项目的可见性，最好的方法是什么？

Answer 1

我认为display正是您所寻找的：

修改

我刚试过你自己的$('#analytics').is(":visible")并认为你的计时可能存在问题（想想异步）;尝试这个代码，等待动画结束，然后再查询可见性，至少在代码片段中，我真的很感激您的反馈。

$('button').click(function(){
  $('#analytics').toggle("slide", function(){
    console.log($('#analytics').is(":visible") ? 'visible':'hidden');
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="analytics">analytics</div>
<button>button</button>