title: CSS3 Transitions with toggleClass
body: <p>I have the <code>-webkit-transition-duration</code> property set on a div, whose height is set by another class. When I use jQuery to toggle the class, it the transition does something funky.</p>
  
  <p>It goes all the way up, and then is set to the proper height instead of just moving from <code>50px</code> height to automatic height which is what I expect it to do. What's the fix for this?</p>
  
  <p>Here is a demo: <a href="http://jsfiddle.net/XcFxQ/1/" rel="noreferrer">http://jsfiddle.net/XcFxQ/1/</a></p>