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

    }