javascript - 下拉式菜单。当您将鼠标悬停在它将出现的位置时，子菜单会下拉

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 .你必须添加 visibility:hidden in this div

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