title: Make a DIV expandable
body: <p>I have a div and it contains a paragraph that is populated dynamically. Sometimes the paragraph is 20 lines, and sometimes it is 3.</p>
  
  <p>I want to set a height limit upon which if the div is larger than this (due to there being more lines in the paragraph) it will shrink it down to only show 3 lines of text and then have a "View More" button that will expand and/or collapse the div upon request to show the remaining lines in the paragraph. </p>
  
  <pre><code>&lt;div class="hero-unit"&gt;
    &lt;h1&gt;Product Description&lt;/h1&gt;
    &lt;p&gt;{{paragraph}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any tips on how I can do this as easily as possible?</p>