[TomFarr]

#t { 
margin: 0;
padding: 0;
position: absolute;
top: 200px;
left: 33%;
width: 645px;
border: 0;
display: none;
}
#t2 { 
margin: 0;
padding: 0;
position: absolute;
top: 200px;
left: 33%;
width: 645px;
border: 0;
display: none;
}
#t3 { 
margin: 0;
padding: 0;
position: absolute;
top: 200px;
left: 33%;
width: 645px;
border: 0;
display: none;
}

<!--

function ablok() {
var c=document.getElementById('t');
if (c.style.display=='block')
{c.style.display='none';}
else
{c.style.display='block';}
}
function bblok() {
var c=document.getElementById('t2');
if (c.style.display=='block')
{c.style.display='none';}
else
{c.style.display='block';}
}
function cblok() {
var c=document.getElementById('t3');
if (c.style.display=='block')
{c.style.display='none';}
else
{c.style.display='block';}
}


//-->

Вот этот код у меня меняет дивы по onclick=xblok(), но в нем пока есть одна загвоздка, вызваный слой нужно закрывать перед открытием нового, иначе за более верхним слоем не видно нижнего. Но мои знания JS на столько малы, что я не знаю как прикрутить проверку. Хотя есть одна идея задавать рекурсивно функцию на убирание "c" и только после этого выполнять появление нового дива.
В моем варианте диваны невидимые, до вызова функции.