Hallo zusammen,

nachdem ich hier schon oft nützliche Tipps gefunden habe, hier jetzt doch eine Frage, die ich nach langem Suchen nicht lösen konnte:

Internetseite, einfacher Aufbau. Navigationsleiste, 5 Buttons, mit jedem soll ein Div-Layer geöffnet werden, der praktisch den Inhalt zeigt. Möchte aber mit dem klicken gleichzeitig den zuletzt geöffneten schließen. Bzw. da die ganze Seite aus Div-layern (11 Stück) besteht sollen sich auch nur eben diese 5 im Wechsel/klicken öffnen und schließen.

2. Teil der Frage. Wenn ich z.B. mit dem "home"-Button den sub1div-layer öffne, und der einen weiteren "link" hat, z.B. ein Foto dass sich in einem weiteren Layer öffnet, müssen sich natürlich dann beim klick auf einen anderen "Haupt"-button beide geöffneten Layer schließen, während dann von mir aus "Kontakt" öffnet.

Umgesetzt bis jetzt mit:

<script type="text/javascript">
<!--
function ShowHide(id) {
obj = document.getElementsByTagName("div");
if (obj[id].style.visibility == 'visible'){
obj[id].style.visibility = 'hidden';
}
else {
obj[id].style.visibility = 'visible';
}
}
//-->
  </script>
  <style type="text/css">
<!--
#sub1Div
{
visibility:hidden;width:510px;
height:370px;
padding: 40px;
position:absolute;
right:50%;
margin-right: -100px;
top:130px;
}
(....hier kommen dann noch weitere.....)
-->
  </style>

Abgerufen habe ich sie dann im html-Teil mit:

<a href="javascript:ShowHide('sub1Div')">Home</a>

Jetzt habe ich in einem anderen Forum den Tip gefunden:

var lastID = false;
function swap(targetID) {
obj = document.getElementById(targetID);
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';

if (lastID && lastID != targetID){  
	document.getElementById(lastID).display = "none";  
}  
lastID = targetID;  

}

Kann damit aber nichts anfangen / einbauen.
Ich würde mich als Java/html Anfänger mit Grundkenntnissen beschreiben, und bitte um eine Hilfe.

Danke Euch und einen entspannten Resttag.
gionce