Javascript 悬停结束时，辅助菜单消失

我不知道如何才能准确地解决这个问题，但我知道以前已经做过了。如果你看一看，你就会发现问题所在。访问该网站时，将鼠标悬停在顶部导航中的“Online Store”上，它将显示一个辅助菜单，我正在通过下面的代码为其供电

jQuery('#menu-main > nav > ul > li:first-child').hover( function () {
   jQuery('#navigation').show();
}, 
function () {
   jQuery('#navigation').hide();
});

当然，问题是，尝试访问下面的菜单不起作用，因为它会立即消失（当将鼠标悬停在其中时）

有人能帮我解决这个问题吗？

试试这个

jQuery('#menu-main > nav > ul > li:first-child,#navigation').hover( function () {
   jQuery('#navigation').show();
}, 
function () {
   jQuery('#navigation').hide();
});

---

实际上，问题是，您必须添加

目标元素（要显示的元素）

进入

悬停事件

集合以满足您的需要。

#导航需要是#menu main>nav>ul>li:first child'的子项，或者当您从#menu main>nav>ul>li:first child转到#navigation时，您不再在元素上悬停。或者您需要选择另一个要隐藏的事件（）#导航。@BrianSchroeter很乐意帮忙。！