title: jQuery slideDown with set height and overflow
body: <p>I have the following HTML code</p>
  
  <pre><code>&lt;div class="text"&gt;bla bla bla bla&lt;/div&gt;
  &lt;div class="button"&gt;Show&lt;/div&gt;
  </code></pre>
  
  <p>And the CSS</p>
  
  <pre><code>.text{
    height:100px;
    overflow:hidden;
  }
  </code></pre>
  
  <p>Assume <code>.text</code> <code>div</code> has way more text and what I do is hide the amount of text below 100px.</p>
  
  <p>How can I <code>slideDown()</code> the <code>div</code> so I can view the text when I click the button?</p>
  
  <p>Using <code>$(".button").slideDown();</code> doesn't work because I need to remove the height and then <code>slideDown()</code> but this will not work either.</p>