Html CSS下拉菜单-单击时保持悬停状态

我有一个CSS下拉菜单

在我的网站的某个部分，我使用它的链接调用AJAX jQuery来更改页面上DIV的内容，而无需重新加载

<script type="text/javascript">
function load_editor(id) 
{
  $('#myDIV').load('editor.php?id=' + id);
}
</script>

<div class="mainmenu">
<ul>
  <li class="li_nc"><a href="javascript:load_editor('1')">Home</a></li>
  <li class="li_hc"><a href="#"  >Programs</a><ul class="ul_ch">
  <li class="li_hc"><a href="#"  >Engineering</a><ul class="ul_ch">

    <li class="li_nc"><a href="javascript:load_editor('2')"  >BEE ( Electronics 4 Years )</a></li>
    <li class="li_nc"><a href="javascript:load_editor('3')"  >BEE ( Tele Comm. 4 Years )</a></li>
    <!--and the following code is the usual CSS Drop Down Menu Code-->

函数加载编辑器（id）
{
$（'#myDIV'）.load（'editor.php？id='+id）；
}

通常当我们点击下拉菜单时。。。我们导航到另一页，但由于我没有切换到另一页

当我单击一个菜单项时，它会执行JS操作，但不会折叠，也就是说，它保持在悬停状态

以下是单击后的屏幕截图

这是合乎逻辑的，因为光标仍然在那里，当我将光标移出时，它将返回到折叠状态，但我想改变它的行为，以便在单击它时折叠

一种方法是，当我单击时，

#myDIV

加载了所需的div。。。我自己加载下拉菜单层（重新加载）

但我正在寻找另一种选择

所以我的问题很简单

• 单击时使CSS下拉菜单折叠

---

您可以使用.focus功能将焦点设置到其他位置，以便浏览器删除您的悬停。比如：

document.getElementById("body").focus()

如果使用jquery：

$("#element_id").focus();

---

来吧，你们想要什么赏金？你们关注的是什么？我认为您必须关注输入或锚定标记，可能会在jquery write$（“#hiddenlink”）.focus（）之类的组件上工作，如果它不只是关注搜索或任何其他输入标记，那么它应该工作