讓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可見時，它仍不可見。 你能幫忙嗎？

編輯：這是小提琴： http : //jsfiddle.net/8SPj3/ ...我希望當我懸停menuButton1時出現hiddenDiv，當我懸停menuButton2時我希望它隱藏。 當我從hiddenDiv單擊“等等”時，我希望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();
    });

編輯

小提琴

更新的小提琴

Answer 2

試試這個代碼：

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

if ($('#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8').is(':visible')) {
    $('.hiddenDiv').show();
} else {
    $('.hiddenDiv').hide();
}