Javascript jQuery下拉菜单-悬停并单击

我有一个菜单，当你在标题中的“菜单”链接上悬停时显示。现在，下拉菜单通过CSS显示/隐藏。我想保留悬停功能，但也添加了jQuery功能，如果您单击“菜单”一词，它将切换菜单并保持打开状态，即使您将鼠标移开

我可以做一个或另一个，但还没有弄清楚是否有可能将两者结合起来

以下是我为单击/切换所用的javascript：

$("#menu-drop-arrow").click(function(){
    var a=300;
    $("#menu").slideToggle(a);
    $("#hide_menu").click(function(){
        $("#menu").slideUp(a)
    })
});

有人知道是否可以通过悬停来显示和隐藏菜单，但如果您单击链接，它将保持菜单打开，直到您再次单击链接

谢谢大家!

编辑***********************

以下是菜单代码示例（如果有帮助）：

<div id="menu-drop">
 <div id="menu-drop-arrow"><span id="menu-text">Menu</span>
 <div class="show_col">
 <div class="menucat">
 <ul class="menuitem">
   *** menu links here **
 </ul>
 </div>

 <div class="menucat">
 <ul class="menuitem">
   *** menu links here ***
 </ul>
 </div>
 </div>
 </div>
 </div>

菜单

***这里有菜单链接**


***这里有菜单链接***

您需要代码来记住菜单处于哪种模式。让我们调用模式，例如，“悬停”和“停留”

---

单击菜单时，将切换模式。此外，您还必须根据模式更改悬停事件的作用。（即，如果模式为“悬停”，则执行正常显示/隐藏；如果模式为“停留”，则不执行任何操作）

是否愿意用示例或代码片段对此进行扩展？就目前而言，这不是一个很好的答案，对于那些在将来偶然发现这篇文章的人来说，也没有什么帮助。不幸的是，这超出了我使用javascriptDryden的能力，最初的问题没有包括任何HTML标记，甚至没有关于如何设置悬停的代码。我可以旋转我的轮子，从头开始写一个完整的例子，但我们不能假设（这在任何方面都不是一个小问题）OP可以分析我的例子并实际使用其中的任何一个。所以问题是，有可能吗。是的，有可能。但实现方式会有所不同——没有灵丹妙药。