javascript - 仅当其他 div 可见时才让 div 可见

Question

我试图让一个 div 仅在其他 div/div 可见或悬停在 menuButton 上时才可见。

例子:

当我将鼠标悬停在菜单的一个按钮上时，我的“hiddenDiv”将会出现。它应该保持可见，直到我将鼠标从我的 hiddenDiv 中移开。之后 hiddenDiv 再次隐藏。

当我点击我的hiddenDiv，当它可见时，会出现另一个div。我的 hiddenDiv 现在应该保持可见，直到新的 div(我有多个)可见。

代码

js:

$('#menuButton').mouseover(function() {
$('#pasMenTypy').hide();
$('#aktMenTypy').show();
$('.hiddenDiv').show();

$('.hiddenDiv').mouseover(function() {
$('.hiddenDiv').show();
    }); 
});

if($('#div1').is(':visible') || $('#div2').is(':visible') || $('#div3').is(':visible') || $('#div4').is(':visible') || $('#div5').is(':visible') || $('#div6').is(':visible') || $('#div7').is(':visible') || $('#div8').is(':visible')) {

$('.hiddenDiv').show();

} else {

$('.hiddenDiv').mouseout(function() {
$('.hiddenDiv').hide();
 });
}

当悬停 menuButton 时，它当前显示 hiddenDiv，但当 div1 或 div2 或 ... 或 div8 可见时，它不会保持可见。你能帮忙吗？

编辑:这是 fiddle : http://jsfiddle.net/8SPj3/ ... 我希望 hiddenDiv 在我悬停 menuButton1 时出现，当我悬停在 menuButton2 时我希望它隐藏。当我从 hiddenDiv 单击“blah”时，我希望 div1 可见，并且我还希望隐藏的 div 保持可见。现在，只有当我点击 menuButton2 hiddenDiv 时才会隐藏。

Answer 1

修改代码

    $('#menuButton').mouseover(function () {
        if ($('#div1').is(':visible') || $('#div2').is(':visible') || $('#div3').is(':visible') || $('#div4').is(':visible') || $('#div5').is(':visible') || $('#div6').is(':visible') || $('#div7').is(':visible') || $('#div8').is(':visible')) {
            $('.hiddenDiv').show();
        }
    });


    $('#menuButton').mouseout(function () {
        $('.hiddenDiv').hide();
    });

编辑

Fiddle

Updated fiddle