jquery如何实现鼠标点击事件（如同手风琴效果，但是点击一次被点击的背景变化，点击第二次恢复到原来背景

Question

两种状态，一种点开，另一种点击样式。

Answer 1

<ul>
<li><h4>123</h4><div class="hidden">aaa</div></li>
<li><h4>456</h4><div class="hidden">bbb</div></li>
</ul>
<script type="text/javascript">
$("li").click(function(event){
        $(this).toggleClass("show");
$(this).find("div").toggle();
$(this).siblings().find("div").hide();
$(this).removeClass("show");
})
</script>

这是我写的例子 能否满足你的要求

参考资料：http://jqueryui.com/accordion/#collapsible 

Answer 2

用你的Jquery对象点click(function(){
//换背景的图片
例如$("你的背景EL").css("background-image","url(’新的imgurl‘)");
});

Answer 3

jquery toogle