jq实现滑入滑出动画

jq实现滑入滑出动画

• 以下是样例

    //通知显示切换
    $("#noticeToggle").click(function () {
        if($("#NoticePanel").css("right") == '-350px'){
            $("#NoticePanel").animate({right:'-15px'});
        }else if($("#NoticePanel").css("right") == '-15px'){
            $("#NoticePanel").animate({right:'-350px'});
        }
    });
  

首先在css设置id为NoticePanel的div的right属性为-350px，然后再点击id为noticeToggle的元素时对NoticePanel进行往左偏移。重复点击实现滑入滑出效果