Javascript 如何使用jQuery和CSS使侧边栏菜单和子菜单突出显示onClick

如何使用Jquery和CSS使侧边栏菜单和子菜单突出显示onclick 有人能帮我吗

$（函数（）{
$（'.nav>li>a，.sub-menu>li>a'）。单击（函数（项）{
$（'.nav>li，.sub-menu>li'）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）；
});
});
.nav，
.子菜单{
列表样式：无；
保证金：0；
填充：0；
}
.子菜单{
左侧填充：5px；
}
.nav>li.active>a，
.子菜单>li.活动>a{
背景：#eee；
}















.removeClass（）
和
.addClass（）
基于您的单击。如果要与父项一起高亮显示，请使用
.closest（）


$（'ul>li>a'）。在（'click'，function（）上{
$（'ul>li>a'）。移除类（'highlight'））
$（this.addClass（'highlight'）；
$（this.nexist（'ul'）。nexist（'li'）。find（'a:eq（0）'））。addClass（'highlight'）；
});
。突出显示{
背景#d3；
边界半径：10px；
填充：0px 20px；
}















到目前为止您尝试了什么？听起来您正在寻找
：active
和
：hover
选择器。我尝试了一些jquery脚本是的，Philip我正在尝试您所说的，所选菜单或子菜单应该是焦点，并且最终用户应该可以看到
<div id="sidebar" class="sidebar">
   <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100%;">
      <div data-scrollbar="true" data-height="100%" data-init="true" style="overflow: hidden; width: auto; height: 100%;">
         <ul class="nav">
            <li class="has-sub">
               <a href="#"> <span>Home</span></a>
            </li>
            <li class="has-sub expand">
               <a href="javascript:;"> <b class="caret"></b> <span>Accounts</span> </a>
               <ul class="sub-menu">
                    <li><a class="load" href="#">Agent Creation</a></li>
                    <li><a class="load" href="#">Customer  Create</a></li>
                    <li><a class="load" href="#">Customer FD Create</a></li>
                    <li><a class="load" href="#">Customer RD Create</a></li>
                    <li><a class="load" href="#">Partner Create</a></li>
                    <li><a class="load" href="#">Partner FD Create</a></li>
               </ul>
            </li>
         </ul>
      </div>
   </div>
</div>