jquery，如何知道div是隐藏的？

Question

我有使用jquery.slideup和jquery.slidedown的代码

我怎么知道div是隐藏的？

Answer 1

要查看元素是否可见或不可见，你可以使用visible selector与is功能：

$("#idElement").is(":visible") // true or false 

但听起来我喜欢你想切换幻灯片效果，因为你可以使用slideToggle函数。

Answer 2

您可以使用可视选择：

http://docs.jquery.com/Selectors/visible

Answer 3

$('#id').is(':hidden'); //true if is hidden 
$('#id').is(':visible'); //true if is visible 

但您可能想使用slideToggle来满足您的需求。

Answer 4

您可以使用$（“＃elementID”）。height（）== 0，因为您知道它将要上或下。它可能比做.is（“：visible”）更快，但是我没有对这个事实做任何测试。

Answer 5

HTML代码：

当你在div ID为“崩溃”，单击如果在div id为“柔性容器”是可见的话，它的皮，如果隐藏，然后可见

。

  <div id="collapse" >collapse</div> 

jQuery代码：

$(document).ready(function() { 

    $("#collapse").on('click', function() { 

    if($('#flex-container').is(':visible')) 
    { $("#flex-container").hide(); } 
    else 
    { $("#flex-container").show(); } 

    }); 
});