下拉式菜单。当您将鼠标悬停在显示位置时，子菜单会下降

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