当鼠标位于<div> 1上方时，保持<div> 2可见

如何解决当鼠标位于<div> 1上方时，保持<div> 2可见

| 我试图使用两个div制作一个下拉菜单，第一个

<div>

具有.hover（）函数，该函数显示第二个

<div>

。由于当我将鼠标指针移到第二个ѭ0上时，第一个div具有.hover（）函数，因此它消失了。 当鼠标指针悬停在第二个ѭ0上时，如何禁用第一个ѭ0的.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>