Tengo algunos div que pueden estar vacíos (dependiendo de la lógica del lado del 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>

Si no tienen ningún html dentro del div (con la sección de clase), solo quiero ocultarlos.

¿Cómo puedo hacer esto