title: How can I hide divs if they are empty?
body: <p>I have some divs that maybe be empty (depending on server-side logic).</p>
  <pre><code>&lt;div id=&quot;bar&quot;&gt;
  
  &lt;div class=&quot;section&quot; style=&quot;display:block;&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;section&quot; style=&quot;display:block;&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;section&quot; style=&quot;display:block;&quot;&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>If they don't have any html inside the div's (with class section), I just want to hide them.</p>
  <p>How can I do this?</p>