Positionierung von Layern (ID) mit Erscheinen UND Verstecken

[Florian Kirschner]

hallo,

möchte ne htmlsite, versehen mit positionierbaren Layern (ID-container) sichtbar und wieder unsichtbar machen (verstecken).

Die Tabelle ist von Anfang an unsichtbar (hidden) und bei Aufruf des Hyperlinks soll sie angezeigt werden, was ich durch

function show2() {
 if(document.getElementById)
   document.getElementById("port2").style.visibility = "visible";
}

erreiche

Nun habe ich davon 3 ID-Boxen und wenn ich die Links nacheinander anklicke erscheinen sie auch, ich kann aber im nachhinein nicht mehr die Seiten verstecken, sprich ich kann sie zwar zeigen mir fehlt aber der Befehl wie ich diese wieder automatisch verschwinden lasse, wenn ich eine ID-Box anklicke,

Hier nochmal der head code:

</script>
<script language="JavaScript" type="text/javascript">
<!--
function show2() {
 if(document.getElementById)
   document.getElementById("port2").style.visibility = "visible";
}
function show3() {
 if(document.getElementById)
   document.getElementById("port3").style.visibility = "visible";
}
function show4() {
 if(document.getElementById)
   document.getElementById("port4").style.visibility = "visible";
}
//-->
</script>
<style type="text/css">
   #port1 { position:absolute; z-index:1; left:38px; top:30px; }
   #port2 { position:absolute; z-index:1; left:38px; top:30px; }
   #port3 { position:absolute; z-index:1; left:38px; top:30px; }
   #port4 { position:absolute; z-index:1; left:38px; top:30px; }
</style>

der erste layer (port1) ist sichtbar, die anderen 3 nicht, wenn ich sie nacheinander aufrufe erscheinen sie auch, der link kann aber nachher nicht mehr willkürlich gewählt werden, die letze ID bleibt stehen.

Hoffe das man mir hierbei helfen kann

gruß
florian