下拉式菜單。 當您將鼠標懸停在子菜單上時，子菜單會下拉

Question

理想情況下，我希望僅在懸停/單擊父按鈕時才顯示下拉菜單。 但是，將鼠標懸停在菜單將出現的任何位置時，都會顯示子菜單。 我把它放在JSfiddle中：

http://jsfiddle.net/7g67j/

理想的結果是對JS進行調整，以使其僅在懸停其下方的按鈕時才顯示下拉列表。

$(document).ready(function(){
var w = $(window).width();
if(w > windowWdth) {$('#block_navigation > ul').css('display', 'block');    $('#block_navigation').css('height', '55px');

Answer 1

這是您更新的jsfiddle 。 您必須添加可見性：隱藏在此div中

#block_navigation ul ul {
    z-index: 1;
    opacity:0;
    visibility: hidden;
}