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(); } 

    }); 
});