title: jQuery animate height
body: <p>I have a button and a div with inside some text:</p>
  
  <pre><code>&lt;h2&gt;Click me&lt;/h2&gt;
  &lt;div class="expand"&gt;Lot of text here....&lt;/div&gt;
  </code></pre>
  
  <p>I want to show just 2 rows of the text as default, so I put height to 30px and overflow Hidden.</p>
  
  <p>When I click on the H2 element I want animate the text to slideDown and if i click another time it will slideUp to the default height (30px).</p>
  
  <p>I'm trying many things with jQuery, but it doesn't work.</p>
  
  <p>EDIT:</p>
  
  <p>I also have more than one "expand" and more than one "H2" and text is different into div, so the height is not fix... I would like to slide to the "auto" height or 100%.</p>
  
  <p>Can someone help me?
  Thanks!</p>