title: Transition height of without using max-height
body: <p>I want to transition the height of a <code>div</code> without using <code>max-height</code> because the <code>.block-content</code> has a variable height. I got it working using <code>max-height</code> but when the content got larger than the <code>max-height</code> it didn't show it properly. I also tried using <code>max-height: 9999999px</code> but that also fail.</p>
  
  <p>I have something like this <a href="http://embed.plnkr.co/RpmsPc9rB2GDmtJ0M9HT/" rel="nofollow">Plunker</a> where when I click on the <code>.block-header</code> the <code>.block-content</code> shows.</p>
  
  <p>What I want is to transition the <code>.block-content</code> so that it looks like it slides in from the <code>.block-header</code>.</p>
  
  <p>Is there anyway to achieve this?</p>