hide all layers, show only selected

[digitalgod]

hey guys,

I have several div tags all named in an incremental way so something like this event1, event2,event3 etc

when I click on a link I want it to display the proper div, so far that works pretty well but when I click on another link I want it to make the previous one hidden again. Right now they just appear under each other

this is what I have so far

[code]
function hideAll()
{
document.getElementById("event6").style.display = "none";
}

function toggleLayer(whichLayer)
{

hideAll();

if (document.getElementById)
{
var style2 = document.getElementById(whichLayer).style;
style2.display = style2.display? "":"block";
}
else if (document.all)
{
var style2 = document.all[whichLayer].style;
style2.display = style2.display? "":"block";
}
else if (document.layers)
{
var style2 = document.layers[whichLayer].style;
style2.display = style2.display? "":"block";
}
}
[/code]

for some reason if I click on event6 it just doesn't appear.. any idea what I'm doing wrong?

[digitalgod]

nevermind was able to solve my problem

[i]How exactly?[/i]