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");
            })
        })

})

箭头向下表示显示列表；

箭头向上表示隐藏列表；

 

转载于:https://www.cnblogs.com/jiangu66/archive/2013/04/08/3006938.html