Mostrar un div y ocultarlo cuando haces click en otro

[horusorion]

Hazlo asi a ver:

primero ponle una clase a los 3 div de menu algo asi como opcion y a las 3 div de contenido(supongo que utilizas una para cada contenido) puedes ponerle contenido. Seria y luego haces lo siguiente:

Código Javascript:

$('.opcion').on('click', function(){
    //tomamos el id del elemento al que le dimos clic
    var id = $(this).arrt('id');
    //declaramos variable que guardara el id de la div de contenido
    var divCont;
 
    if(id == "indexed1")
        divCont = "#indexed";
    else
        if(id == "metals1")
            divCont = "#metals";
            else
                divCont="#energy";
 
 
    //ocultamos todas las div de contenido
    $(".contenido").fadeout(/*aqui puedes agregarle un tiempo para que tarde en desaparecer*/);
 
    //ahora hacemos que aparexca la div del contenido que queremos
    $(divCont).fadeIn(/*igual que fade out*/);
});
 

prueba asi a ver si te sirve