Jquery 维护<;部门>;2当鼠标位于<;部门>;1.

Jquery 维护<;部门>;2当鼠标位于<;部门>;1.,jquery,html,user-interface,Jquery,Html,User Interface,我试图用两个div创建一个下拉菜单,第一个具有.hover()函数,该函数显示第二个。因为当我将鼠标指针移到第二个div上时,第一个div具有.hover()函数,所以它消失了 当鼠标指针位于第二个上方时,如何禁用第一个的.hover()函数?创建一个包含两个菜单div的div。当第一个菜单div悬停时,显示第二个div-当包含的div不再悬停时,隐藏第二个div 希望这是有意义的: function show() { var elem = document.getElement

我试图用两个div创建一个下拉菜单,第一个
具有.hover()函数,该函数显示第二个
。因为当我将鼠标指针移到第二个div上时,第一个div具有.hover()函数,所以它消失了


当鼠标指针位于第二个
上方时,如何禁用第一个
的.hover()函数?

创建一个包含两个菜单div的div。当第一个菜单div悬停时,显示第二个div-当包含的div不再悬停时,隐藏第二个div

希望这是有意义的:

    function show() {
    var elem = document.getElementById("secondmenu");
    elem.style.display = "block";
    }
    function hide() {
    var elem = document.getElementById("secondmenu");
    elem.style.display = "none";
    }

<div id="container" onmouseout="hide()"><div id="firstmenu" onmouseover="show()">this is the first menu</div><div id="secondmenu" style="display: none;">this is the second menu</div></div>
函数显示(){
var elem=document.getElementById(“第二菜单”);
elem.style.display=“块”;
}
函数hide(){
var elem=document.getElementById(“第二菜单”);
elem.style.display=“无”;
}
这是第一个菜单这是第二个菜单

谢谢,我今天好像不舒服。第一个应该只处理第二个的“显示”,而第二个应该处理自身的“隐藏”。除息的