title: How to Hide parent DIV if all child Div are hidden (display:none)
body: <p>I have this HTML block </p>
  
  <pre><code>&lt;div class="abc"&gt;
  &lt;div class="xyz" style="display: none;"&gt;{.......}&lt;/div&gt;
  &lt;div class="xyz" style="display: none;"&gt;{.......}&lt;/div&gt;
  &lt;div class="xyz" style="display: none;"&gt;{.......}&lt;/div&gt;
  &lt;div class="xyz" style="display: none;"&gt;{.......}&lt;/div&gt;
  &lt;div class="xyz" style="display: none;"&gt;{.......}&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So if All child div are hidden then i want to hide parent div (.ABC) on some JS action. </p>
  
  <p>Thanks </p>