如果另一個DIV存在，則隱藏一個DIV

Question

我有一個帶有一個div的搜索頁（#A），當我搜索時，我又在頁面上顯示另一個div（#B），但是我不知道我們不想同時在頁面上看到兩個div。

我該如何編碼它，如果#B存在，#A是隱藏的？我是否使用jQuery .length屬性？

Answer 1

可以使length使用：

//if B exist... 
if($('#B').length){ 
    $('#A').hide(); 
} 

活生生的例子：http://jsfiddle.net/4P9Hq/

Answer 2

您可以toggle()通過傳遞bool把它作爲一個參數的元素。這與檢查元素是否爲:hidden一起工作。

jsFiddle

$('#A').toggle($('#B').is(':hidden')); 

或檢查與length

jsFiddle

$('#A').toggle(!$('#B').length); 

Answer 3

您可以使用jQuery檢查DIV，即CSS的狀態存在，無論是顯示：無或顯示：塊

var aVisible = $('#divA').css('display'); 
if (aVisible == 'block') { 
//Put your code here to hide DivA 
}