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

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

})

箭头向下表示显示列表;

箭头向上表示隐藏列表;

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