div动态消失的动画效果

http://www.w3school.com.cn/jquery/jquery_effects.asp

 

 //关闭大悬浮框的方法，弹出小开关框
    function closeBigPanel(){
        var bigDiv = $(".floatPanel_div");
        bigDiv.animate({width:'0px'},"fast");
        var smallDiv = $(".samll_floatPanel_div");
        smallDiv.animate({width:'100px'},"fast");
        $(".samll_floatPanel_div p").show();
    }
    //打开大悬浮框的方法，关闭小开关框
    function showBigPanel(){
        $(".samll_floatPanel_div p").hide();
        var smallDiv = $(".samll_floatPanel_div");
        smallDiv.animate({width:'0px'},"fast");
        var bigDiv = $(".floatPanel_div");
        bigDiv.animate({width:'100%'},"fast");
    }