Mostrar un div y ocultarlo cuando haces click en otro

[alexkurban]

Hola a todos, llevo un dia entero intentanto buscar una solucion al tema, estoy haciendo una web y tengo el menu de navegacion en el lateral izquierdo, y todo el contenido en divs en la parte izquierda con "style = 'display: none'" en cada div con id unica, en un documento aparte tengo el siguiente codigo:

$(document).ready(function(){

$('#indexed1').on('click',function(){
$('#indexed').toggle();
});

$('#metals1').on('click',function(){
$('#metals').toggle();
});

$('#energy1').on('click',function(){
$('#energy').toggle();
});
});

Esto lo unico que haces es mostrarte el contenido pero si no le clicas 2 veces se queda ahi yi haces click en otro menu div el contenido queda por debajo.
Hay algun script que haga que cuando pinches uno se esconda el otro?