如果另一个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 
}