title: Extjs SlideOut panel
body: <p>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.</p>
  
  <pre><code>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. 
      }
  
  
  },
  </code></pre>