Javascript jquery mega菜单鼠标悬停不工作

我正在尝试使用jquery和css构建一个超大菜单，使用以下代码：

$(".sub-menu").find('a.amenu').hover(function(){
        $(this).parent().find(".sub-menu-panel").show();
    }
    ,function(){
        $(this).parent().find(".sub-menu-panel").hide();
    }
);        

其中，菜单链接有一个名为“子菜单”的类，与其相关的面板有一个名为“子菜单面板”的类

如果鼠标悬停在菜单链接的相关面板上，如何使其保持可见？

---

我的问题是，当我将鼠标移到面板上，单击面板上的任何子链接时，面板会自动消失，因为当我离开主链接时会触发鼠标退出事件。

首先-提供一个您试图解释的示例将有助于获得工作响应

---

其次-你不需要任何javascript/jQuery来显示悬停的子菜单-CSS中的一个简单的

：hover

机制应该会给你想要的效果。

我认为问题在于你的HTML标记，也许有办法让它更好，即使是在纯CSS中。但是，如果您在此处附上详细信息，则应关闭此操作。你需要提供一个工作示例。你能发布你的代码吗？任何寻求调试帮助的htmlQuestions（“此代码为什么不工作？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。