title: expanding a div to reveal overflow on click
body: <p>I am looking at this example on <a href="http://www.storenvy.com/products/3137847-wool-pencil-skirts" rel="nofollow">this website</a>. I wanted to create an effect similar like that where you have a &lt;div> that has some &lt;p> in it and there's a button to show the full expanded description. I've analyzed the html and it looks like this:</p>
  
  <pre><code>&lt;div class="product-description"&gt;
     &lt;div class="desc-wrap" itemprop="description"&gt;
        &lt;p&gt;Material: wool
           &lt;br&gt;6 Colors: Black, Yellow, Gray, Wine Red, Green, Navy Blue
           &lt;br&gt;Size: One size only
           &lt;br&gt;Recommended for size SMALL
           &lt;br&gt;It has been noted by customers that these skirts are short.
           &lt;br&gt;*Please check the measurement picture for sizing information. There are no refunds on orders that were messed up on your behalf.
        &lt;/p&gt;
        &lt;p&gt;Note: Due to the difference between different monitors, the color may be off a tiny bit.&lt;/p&gt;
        &lt;p&gt;WORLDWIDE SHIPPING!
        &lt;/p&gt;
     &lt;/div&gt;
     &lt;div class="desc-fade"&gt;&lt;/div&gt;
     &lt;div class="open-link" style="display: block;"&gt;&lt;a href="javascript:;"&gt;Expand Full Description&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I assume that there's a javascript function that expands the box on click. But what is that? How do I reproduce this same effect?</p>