title: How to Remove Delay on Css3 Slide out transition which uses max-height transition
body: <p>I'm having an issue with a transition I'm using to slide a panel in and out.</p>
  
  <p>Please take a look at the following jsbin <a href="http://jsbin.com/uvejuj/1/" rel="noreferrer">http://jsbin.com/uvejuj/1/</a> </p>
  
  <p>Notice that when i click the toggle button the first time the transition occurs immediately.</p>
  
  <p>However if i click the button again to close then the transition delays the amount of time of the transition before it executes.</p>
  
  <p>What is causing the delay on close out and how can i get rid of it?</p>
  
  <p>Thanks</p>