Jquery鼠标点击后变色，点击另一个按钮颜色还原

$(function(){

$(“#nav li”).click(function(){

$(“#nav li”).eq($(this).index()).addClass(“navdown”).siblings().removeClass(“navdown”);

})

</script>

<style>

a{text-decoration:none; color:#666666;}

#nav ul{ list-style:none; float:left; text-align:right; margin-top: 18px; line-height: 42px; margin-left: -2px;}

#nav ul li{ font-family:”微软雅黑”,”宋体”; font-size:14px; font-style:normal; font-weight:bold; letter-spacing:4px;}

#nav ul li a:hover{ color:#666666;border:1px solid #F00;}

.navdown a{color:#ff0000; border:1px solid #F00;}

</style>

<body>

<ul>

</ul>

</div>

</body>