mostrar y ocultar div

[virla]

quisiera mostrar un div y ocultarlo según necesite.

tengo un nav vertical
<nav>
</nav>
y a su lado iría un section que igual tanto el nav como el section funcionan como div
<section class="barra">
</section>

lo que necesito hacer es que el section al presionar una opción en el menú aparezca por debajo del como se se abriera un cajón.

espero se entienda, lo que quiero hacer.

Alguien podría sugerirme algo?
estuve buscando con javascript y jquery y nada que se le parezca, para peor de esto poco y nada.

desde ya muchas gracias