function(animation) {
        this.setCurrentAlignmentInfo(null);
        /*
        if(this.activeAnimation) {
            this.activeAnimation.on({
                animationend: function(){
                    this.hide(animation);
                },
                scope: this,
                single: true
            });
            return this;
        }
       */
        if (!this.getHidden()) {
            if (animation === undefined || (animation && animation.isComponent)) {
                animation = this.getHideAnimation();
            }
            if (animation) {
                if (animation === true) {
                    animation = 'fadeOut';
                }
                this.onBefore({
                    hiddenchange: 'animateFn',
                    scope: this,
                    single: true,
                    args: [animation]
                });
            }
            this.setHidden(true);
        }
        return this;
    }
function(animation) {
        this.setCurrentAlignmentInfo(null);
        /*
        if(this.activeAnimation) {
            this.activeAnimation.on({
                animationend: function(){
                    this.hide(animation);
                },
                scope: this,
                single: true
            });
            return this;
        }
       */
        if (!this.getHidden()) {
            if (animation === undefined || (animation && animation.isComponent)) {
                animation = this.getHideAnimation();
            }
            if (animation) {
                if (animation === true) {
                    animation = 'fadeOut';
                }
                this.onBefore({
                    hiddenchange: 'animateFn',
                    scope: this,
                    single: true,
                    args: [animation]
                });
            }
            this.setHidden(true);
        }
        return this;
    }
function ( animation ) { this . setCurrentAlignmentInfo ( null ) ; /*
        if(this.activeAnimation) {
            this.activeAnimation.on({
                animationend: function(){
                    this.hide(animation);
                },
                scope: this,
                single: true
            });
            return this;
        }
       */ if ( ! this . getHidden ( ) ) { if ( animation === undefined || ( animation && animation . isComponent ) ) { animation = this . getHideAnimation ( ) ; } if ( animation ) { if ( animation === true ) { animation = 'fadeOut' ; } this . onBefore ( { hiddenchange : 'animateFn' , scope : this , single : true , args : [ animation ] } ) ; } this . setHidden ( true ) ; } return this ; }
Hides this Component optionally using an animation.
@param {Object/Boolean} [animation] You can specify an animation here or a bool to use the {@link #hideAnimation} config.
@return {Ext.Component}
@chainable
Hides this Component optionally using an animation .