title: How to hide and show depending on div height
body: <p>I have a <code>&lt;div&gt;</code> with <strong>id</strong> <code>#emailBody</code></p>
  
  <pre><code>#emailBody {
      width:100%;
      min-width:500px;
      float:left;
      margin-bottom:20px;
      max-height:90px;
      overflow:hidden;
  }
  </code></pre>
  
  <p>Now inside this is from emails received, so some emails will fit inside the <code>90px height</code>, however when I have long emails they do not. </p>
  
  <p>So I put <code>overflow:hidden</code> to hide the excess email and only show <code>90px</code> worth of it.</p>
  
  <p>What I want to do now is if the email is longer than the <code>90px height</code>, to show a button that can extend the height to show the full email, maybe get rid of the <code>max-height</code> and replace with <code>height:inherit</code>.</p>
  
  <p>How do I achieve this? Because with the <code>overflow:hidden</code> on I cannot use the <code>max-height</code>.</p>
  
  <p>Please help</p>