jQuery列表，保持主动突出显示

Question

我想出了一种新的列表的方法，但是有几个问题...这是代码：http://jsfiddle.net/mstngsal67/gue99/5/我试图理解为什么在单击时，左菜单项只有在盘旋在上面时才保持大胆...如果我搬走，它会改变。我在CSS中尝试了很多不同的事情，但没有任何效果...我需要在JS中做到这一点吗？？？这是我的代码的一部分，但是去JSfiddle拥有一切...

<ul class="mainMenus"> 
<li onclick='showSubMenu("sm_item1")'>education 
      <ul class="subMenus" id="sm_item1" style="top:0px"> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
      </ul> 

预先感谢！

Answer 1

您可以进行另一个CSS类，然后在LI元素处于活动状态时，将其开关（使用jQuery）切换。

尝试在这里查看：

单击链接时更改活动li

Answer 2

最高级别列表项目（例如，教育）在由于此行悬停时会大胆：

.mainMenus li:hover { 
    font-size: 14px;
    font-weight: bold;
    color: #5e883c;
    font-family: arial;
}

是否单击了列表项并不重要 - 只要您的鼠标徘徊在元素上，它将保持绿色和粗体。此外，由于您的子菜单居住在顶级列表项目中，因此，当您悬停在子菜单上时，您也徘徊在顶级列表项目上。

如果您希望在单击之后使用顶级列表项目，则需要在spearubmenu函数上的顶级列表项目中添加类名。