hmm, ich hab mich mal vor längerer Zeit damit beschäftigt .. mal versuchen was ich noch zusammenbekomm ...
also du hast ja deine verschiedenen Ebenesn:
<div id=bla1 [.. weitere Angaben ..]>[...]</div>
<div id=bla2 [.. weitere Angaben ..]>[...]</div>
(bla2 solltest du noch als unsichtbar kennzeichnen:
visibility:hidden
als weiter angaben kannst du eine JavaScript-Funktion angeben, die z.B. beim Klicken ausgeführt wird:
onClick="change('bla2','bla1')"
nun definietst du (am besten im Head deiner Seite) noch das Java-Script Menü:
(id1 ist die ID der Ebene die Angezeigt werden soll, id2 die Ebene die versteckt werden soll)
function change(id1,id2)
{
document.getElementById(id1).style.visibility="visible";
document.getElementById(id2).style.visibility="hidden";
}
um das ganze auch noch mit dem IE kompatibel zu machen, fügst du am besten eine Bedingung mit ein:
function change(id1,id2)
{
var ie = (document.all) ? true : false;
if (ie)
{
document.all[id1].style.visibility = "visible";
document.all[id2].style.visibility = "hidden";
}
else
{
document.getElementById(id1).style.visibility="visible";
document.getElementById(id2).style.visibility="hidden";
}
}