jquery li点击时添加class,并且显示对应的div，隐藏其他的div，我下面的方法太麻烦了

貌似上次见到这个问题，还是你问的？

$("ul li").click(function(){

var index = $("ul li").index($(this))//你那个错了

$("div[id^='action']").hide()//让id以action开关的div隐藏

$("#action"+(index+1)).show()//让#actionX显示

})

第一先实现点击任何地方都隐藏该元素(假设id="bar")

$(document).click(function(){

$("#bar").hide()

})

那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效

$("#bar").click(function(event){

event.stopPropagation()

})

---