Extjs SlideOut panel

I am trying to slide out a panel and then hide it using extjs. The slideout is working fine but as soon as I add the hide function it stops working. How do I fix this. My function is as below.

toggleSidebar : function () {
    var sidebar = this.getSidebar();
    if(sidebar.hidden){
        sidebar['show'](); 
    }else{
        sidebar.el.slideOut('l', {
            easing: 'easeOut',
            duration: 200,
            scope: this,
            callback: this.onSidebarAnim()
        });
        sidebar['hide'](); // Slide works if I remove this line. 
    }


},