如何使用兩個...函數？在jQuery中顯示DIV由兩個DIV

Question

在開始時我說，我的英語非常糟糕，所以我很想知道，是否在這裏寫，以及您是否會理解我。

我有以下的jQuery腳本：

$(function() { 
    $('#div1').hover(function() { 
     $('#div1').css('display', 'block'); 
    }, function() { 
     $('#div2').css('display', 'none'); 
    }); 
}); 

這個腳本做到這一點： http://i.stack.imgur.com/RW7Lp.png

而且它確實:) 但是，當我把光標從字符串「斯壯główna 「，第二個DIV消失:(

我如何創建...這樣的事情：

$(function() { 
    $('#div1' + '#div2').hover(function() { 
     $('#div1').css('display', 'block'); 
    }, function() { 
     $('#div2').css('display', 'none'); 
    }); 
}); 

我不知道很多有關jQuery的:(

請幫助我， 我希望，我寫的可以理解的。

一覽... Div1構成及Div2的必須顯示Div2的當光標位於區域Div1構成及Div2的：P

我試圖創建一個簡單的滑動菜單，但我必須div的使用，因爲整個網站這個菜單（在圖片上）已經在其他Div ...

這個菜單面板是在我的Tumblr，所以你可以看到它：idolwszutrab7.tumblr.com如果它有幫助，但我沒有用這個腳本更新頁面。

更新：

我全部複製到：

http://jsfiddle.net/IdolwSzutrab7/Wq3YH/

我測試了它，它在這個網站:)

Answer 1

我有想法，要創建兩個腳本：P

<script> 
    $(function() { 
     $('#div1').hover(function() { 
      $('#div2').css('display', 'block'); 
     }); 

     $('#div2').hover(function() { 
      $('#div2').css('display', 'block'); 
     }, function() { 
      setTimeout(function() { 
      $('#div2').css('display', 'none'); 
      }, 2000); 
     }); 
    }); 
</script> 

它的工作！

之後，我添加了動畫和效果， 所以現在看起來不錯，而且還有效。

Answer 2

工作可能這會爲你工作想要

因爲您想在div1和div2的懸停上顯示div2

$('#div1 , #div2').hover(function() { 
    $('#div2').css('display', 'block'); 
}, function() { 
    $('#div2').css('display', 'none'); 
}); 

只要確保這兩個div之間沒有空間，其他明智的懸停出第一個div第二個div將在到達那裏之前關閉。

其他選項是包裝這兩個格與其他格說DIV3，給懸停在DIV3

像

<div id='div3'> 
<div id='div1'> 

</div><div id='div2'> 

</div> 
</div> 

JS

$('#div3').hover(function() { 
    $('#div2').css('display', 'block'); 
}, function() { 
    $('#div2').css('display', 'none'); 
}); 

在第二種方式有純CSS方式太。 CSS

#div3 #div2{ 
display:none; 
} 
#div3:hover #div2{ 
display:block; 
}