保持 <div> 2 在鼠标位于 1 顶部时可见<div>

Question

我试图用两个div制作一个下拉菜单，第一个<div>有.haverage（）函数，它显示第二个<div>。由于当我将鼠标指针传递到第二个<div>上时，第一个div具有.haverage（）函数，因此它会消失。

当鼠标指针位于第二个<div>上时，如何禁用第一个<div>的.haverage（）函数？

Answer 1

制作一个包含div的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>