Exibir e Ocultar

Bom dia!

Estou criando um sistema, que possui um menu lateral, que tem vários links para determinadas páginas.

Existem 1 "div" que sempre exibirá, porém quando o usuário clicar no próximo menu, ela deve ocultar.

 <div class="menulatesp">
 <img src="imagens/diariodebordo.png" id="img1">
 <div id="diario_bordo"><a href="#"><h1>Diário de Bordo</h1></a></div>
 <img src="imagens/linhamenulateral.png">
 </div>

O que ficaria mais fácil, seria ao clicar em qualquer menu, todos os outros que não foram clicados, sejam adicionados uma classe "esconde", e exibe somente o "id" do atual onde foi clicado.

Álguém consegue me ajudar para criar este JS?