Mostrar un div y ocultarlo cuando haces click en otro

[monicapo]

Tienes que 'jugar' con todos los elementos por cada acción.

Código:

$(document).ready(function(){
    $('#indexed1').click(function(){
        $('#indexed').toggle();
        $('#metals').hide();
        $('#energy').hide();
    });

    $('#metals1').click(function(){
        $('#indexed').hide();
        $('#metals').toggle();
        $('#energy').hide();
    });

    $('#energy1').click(function(){
        $('#indexed').hide();
        $('#metals').hide();
        $('#energy').toggle();
    });
});