title: Testing if elements are hidden
body: <p>Ok guys so I am testing if elements are hidden, problem is if the parent element is hidden then the children are considered hidden as well so the line that I append is being appending even if the children elements that aren't technically "display:none" </p>
  
  <pre><code>function checkIfVisible() {
    var checkLeft= $('#left').children('.module').filter(':hidden');
    if(checkLeft.length &gt; 0) {
     if(!$('.resetLeft').length) {
        left.prepend('&lt;span class="resetLeft"&gt;Reset Left Widgets&lt;/span&gt;');
      } 
    }
  </code></pre>
  
  <p>I run this script on page load, and when ever any of the children elements are clicked to be hidden. How do I stop the script from assigning the prepended element from being added if the parent elements is hidden but none of the children are hidden (Display:none) in style?</p>
  
  <p>So basically.</p>
  
  <p>If <code>#left</code> is hidden (parent) and none of the children are I don't want the <code>resetLeft</code> to be prepended. But if <code>#left</code> is hidden and 1 or more of the children of it are display:none then prepended. even if left isn't hidden I need to this work as well.</p>