title: smooth transition on content change
body: <p>I have a DIV of unknown height with content that can be changed from a javascript event.  When the content changes, the DIV resizes to fit the new content.  What I'm trying to do is have the DIV transition to the different height smoothly rather than abruptly.</p>
  
  <p>I've tried adding this in to the DIV's CSS but it doesn't help. Not unless I set a specific height of the element.</p>
  
  <pre><code>transition: height 1s linear;
  </code></pre>
  
  <p>Is there a simple way to do this based on the content? Or do I have no choice but to write a javascript function and control it manually.? </p>