Tenho algumas divs que talvez estejam vazias (dependendo da lógica do servidor

<div id="bar">

<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>

</div>

Se eles não tiverem nenhum html dentro da div (com seção de classe), eu só quero escondê-lo

Como posso fazer isso