title: Check if element is hidden by overflow:hidden JQuery/JavaScript
body: <p>I have a calendar that has list of events per day. Currently I show a maximum of 3 events per day and allow the user to toggle to expand the list.</p>
  
  <p>I hide the list with overflow:hidden and max-height:XXpx property. I am trying to detect the events that are currently hidden within that list.</p>
  
  <p>I've looked around and cant find anything that detects this specifically</p>
  
  <p>I have tried:</p>
  
  <pre><code>if (element.offsetHeight &lt; element.scrollHeight || element.offsetWidth &lt; element.scrollWidth) {
       // element has overflow value
   } else {
       // element doesn't have overflow value
   }
  </code></pre>
  
  <p>and both <code>element.offsetHeight</code> &amp; <code>element.scrollHeight</code> return the same value for any of the elements in my list.</p>