title: Override expand/collapse animation in panel/grid with EXTJS
body: <p>Normally, the expand/collapse functionality in extjs works as the panel/grid header stays in a position and the body of the panel/grid moves down/up. But I need the panel header to be in a position and on expand, the header has to move up showing the panel/grid body. On collapse, the header has to move down and come to the original position. This is just like expand and collapse in accordian layout inner panel. But I want it with a single panel. Any code samples or pointer would be very helpful.</p>
  
  <p>Note: Please note that I cannot use any third party plugin..</p>