jquery实现菜单的折叠并且变换图片

jquery实现菜单的折叠并且变换图片

$(function(){
$("#p1").toggle(function(){
$(this).prev().slideToggle(100,function(){
$("img","#p1").attr("src","images/up.gif");
})
},function(){
$(this).prev().slideToggle(100,function(){
$("img","#p1").attr("src","images/down.gif");
})
})
$("#p2").toggle(function(){
$(this).prev().slideToggle(100,function(){
$("img","#p2").attr("src","images/up.gif");
})
},function(){
$(this).prev().slideToggle(100,function(){
$("img","#p2").attr("src","images/down.gif");
})
})

})

箭头向下表示显示列表；

箭头向上表示隐藏列表；