jsjquery控制菜单选中状态

<div class="leftnav">

<ul class="nav navbar-nav">
	<li><a href="#">首页</a></li>
	<li><a href="#">归档</a></li>
	<li><a href="#">分类</a></li>
	<li><a href="#">关于</a></li>
</ul>
<br />
<ul class="nav navbar-nav">
	<li><a href="#">首页</a></li>
	<li><a href="#">归档</a></li>
	<li><a href="#">分类</a></li>
	<li><a href="#">关于</a></li>
</ul>

</div>

JS: 

<script type="text/javascript">
	$(document).ready(function() {
		$(".navbar-nav li").click(function() {
			$(".navbar-nav li").removeClass("active"); // 清理其他大类下子类已选状态
			// 去掉上面这行，如果多组菜单，选中某组一个子菜单，再选另外一组下的子菜单，之前那个子菜单选中效果还在
			$(this).addClass("active").siblings().removeClass("active");
		});
	});
</script>