0

当我的下一个 div 不显示或隐藏时，是否可以隐藏前一个 div。

<div id="first"> Hello </div>
<div id="second">
  <div id="secondchild1" style="display:none"> How are you.? </div>
  <div id="secondchild2" style="display:none"> Nice to meet you </div>
</div>

现在，当第二个中的所有子 div 都被隐藏或它们的显示不显示时，我需要先隐藏。

即使显示了其中一个子 div，也应该显示第一个子 div。

提前致谢。

4

3 回答 3

2

遍历 #second div 内的所有 div 以检查当前子 div 是否可见。如果它可见退出函数并将布尔值设置为 true。最后，根据布尔值显示或隐藏#first div。

var showFirst = false;
$('#second div').each(function() {
    if ($(this).is(':visible')) {
        showFirst = true;
        return false;
    }
});
showFirst ? $('#first').show() : $('#first').hide();​

JSFiddle
http://jsfiddle.net/Az3aW/

于 2012-07-02T13:09:43.073 回答
0 
if($("#second").children().css("display") != "none")
{
    $("#first").css("display", "none");
}
于 2012-07-02T12:50:00.610 回答
0 
$('#second').children().each(function(){
    if($(this).css('display') == 'none') $('#first').hide();
});

当你得到一个显示没有隐藏

于 2012-07-02T12:56:55.193 回答