jquery实现隐藏的div出现时滑动效果

一.背景

会控开发过程中右侧改造需求，tab面板有多个标签，点击标签后进入到详情页面，详情页面有返回按钮，要求点击返回按钮后出现滑动收缩效果，并且回到tab面板。

二.实现思路

将每个content的宽度设置为0px,然后在显示的时候让width值按照动画效果增大。具体代码如下：

    returnEvent:function(){
        $(".returnBtn").click(function(){
            $(".mcc-meeting-ctrl").removeClass("current").css("width",'0px');
            $(".tab_common").addClass("current").animate({width:'300px'},500);
        });
    }

三.注意在之前的切换中应该将不显示的宽度设置为0.