首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

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

2013-04-09 
jquery实现菜单的折叠并且变换图片jquery实现菜单的折叠并且变换图片$(function(){$(#p1).toggle(functi

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兑现菜单的折叠并且变换图片

热点排行