Javascript jQuery导航栏

我有一个侧边导航栏，它使用jQuery将隐藏的div拉到屏幕上。我想在侧栏上单击每个

，以在单击时获取活动类

我试图让它说，单击

将活动类交给
，然后单击下一个
删除活动类，并自动将其交给下一个单击的

我目前的方法不太管用。下面是我的HTML和脚本：

<ul>
    <li id="overview" class="selector"><a href="#">OVERVIEW</a></li>
    <li id="whyus" class="selector"><a href="#">WHY US</a></li>
</ul>

<script>
jQuery("#overviewHidden").fadeIn();
jQuery("li#overview").addClass('active');

jQuery("#overview").click(function () {
    jQuery('ul li.active').removeClass('active');
    jQuery("li#overview").addClass('active');
    jQuery('#whyusHidden, #clientsHidden, #staffHidden').hide();
    jQuery('#overviewHidden').slideDown();
});

jQuery("#whyus").click(function () {
    jQuery('ul li.active').removeClass('active');
    jQuery("li#whyus").addClass('active');
    jQuery('#overviewHidden, #clientsHidden, #staffHidden').hide();
    jQuery('#whyusHidden').slideDown();
});
</script>





jQuery（“#概览隐藏”）.fadeIn（）；
jQuery（“li#overview”）.addClass（“active”）；
jQuery（“#概述”）。单击（函数（）{
jQuery（'ul li.active'）。removeClass（'active'）；
jQuery（“li#overview”）.addClass（“active”）；
jQuery（“#whyusHidden，#clientsHidden，#staffHidden”）.hide（）；
jQuery（“#概览隐藏”）.slideDown（）；
});
jQuery（“#whyus”）。单击（函数（）{
jQuery（'ul li.active'）。removeClass（'active'）；
jQuery（“li#whyus”）.addClass（“active”）；
jQuery（“#概览隐藏，#clientsHidden，#staffHidden”）.hide（）；
jQuery（“#whyusHidden”）.slideDown（）；
});

任何帮助都会很好。谢谢
 试试这样的方法：

var activeitem;

$(document).ready(function () {
  var items = $("li");
  for (var i = 0; i < items.length; i++) {
    items[i].onclick = function () {
      if (activeitem) {
        activeitem.removeClass("active");
      }
      activeitem = $(this);
      activeitem.addClass("active");
    };
  }
});

var-activeitem；
$（文档）.ready（函数（）{
风险值项目=$（“li”）；
对于（变量i=0；i
我无法让它为我工作。我向每个列表项添加了一个类。我需要一种方法将它与我为下一个项目加载的div内容联系起来。我想在单击选择器时，我需要给我单击的任何li指定一个活动类，然后在下一次单击时，从上一个li中删除该类并将其指定给下一个。@user2445613代码
lentgh
中有一个输入错误，我已将其修复
jQuery("li.selector").click(function () {
    $(this).addClass('active');
    $(this).siblings().removeClass('active');
});