jquery 多个 <li> 点击当前的</li>，只改变当前的<li>的样式，如何实现？

$(".sp_xz ul li").each(function (i) {
this.index = i;
$(".sp_xz ul li p").click(function(){ //mouseover变成了click点击了后变成2px吧 $(".li_P1").eq(this.index).css({'border':'#F60 solid 2px'
})
});
以前是移入移出，现在变成点击该怎么做？？？？
$(".sp_xz ul li p").mouseout(function(){
$(".li_P1").eq(this.index).css({'border':'#ccc solid 1px'})
});

继续在click里面写判断

if 这个元素的border = 1 px 那么
设border为#f60 solid 2px...
如果不是
设border为#ccc solid 1px....

这样点击起来就会来回切换了

给所有的li标签绑定鼠标hover事件,事件里边做两件事 1. 将之前改变的li标签还原默认样式 2. 改变当前标签的样式