Exibir e Ocultar

[João Marcos Ferlini 0]

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?

[Douglas Julião 34]

Acho que é tipo isso que você precisa:

$('#menu li a').click(function() {       
        
        $('#menu li a').removeClass('active');
        $(this).addClass('active');
}

tem um exemplo aqui : http://jsfiddle.net/skram/AyNSS/7/