title: selecting the true height of a DIV in jQuery
body: <p>I have a DIV defined with a fixed height:</p>
  
  <pre><code>.w {
    height: 100px;
    overflow: hidden;
  }
  </code></pre>
  
  <p>if I put text in this it will hide everything that goes beyond the 100px. I have a button that shows all text, basically it does this:</p>
  
  <pre><code>$('.w').height('auto');
  </code></pre>
  
  <p>this will make all text visible, but I would like to animate this. And that won't work with height='auto', it has to have a specific height.</p>
  
  <p>The question: how do I get the height the DIV should be to be able to show all text in it?</p>