下拉式菜单。 当您将鼠标悬停在子菜单上时，子菜单会下拉

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;
}