FLO: Text per klick erscheinen/verschwinden lassen

Beitrag lesen

Hallo!

für eine menüführung würde ich gerne die Unterpunkte mit Klick auf den Hauptpunkt erscheinen lassen.
Hauptpunkt ist Grafik, Unterpunkt Text.

selber machen

Das ganze soll OHNE RELOAD der Seite funktionieren
Wenn ich auf nen anderen Button klick soll der erste Untermenütext logischerweise wieder verschwinden.

<html><head><title></title>
<script type="text/javascript"><!--
var DHTML = 0, DOM = 0, MS = 0, NS = 0, OP = 0;

function DHTML_init() {

if (window.opera) {
     OP = 1;
 }
 if (document.getElementById) {
   DHTML = 1;
   DOM = 1;
 }
 if (document.all && !OP) {
   DHTML = 1;
   MS = 1;
 }
if (window.netscape && window.screen && !DOM && !OP){
   DHTML = 1;
   NS = 1;
 }
}

function bekomm(was) {
 var Element;
 if(DOM) {
     Element = document.getElementById(was);
     return(Element);
    }
 else if(MS) {
     Element = document.all[was];
     return(Element);
 }
 else if(NS) {
     Element = document[was];
     return(Element);
 }
}
DHTML_init();

var offen = 0;
function anzeige(was)
{
 var liste = bekomm(was);
 if (liste.style.display == "none")
 {
  liste.style.display = "";
  if (offen != 0)
  {
   anzeige(offen);
  }
  offen = was;
 }
 else
 {
  liste.style.display = "none";
 }
}

function laden() //sorgt dafür, dass die Einträge nicht sichtbar sind
{
if (OP)
 {
 window.alert("Diese Seite kann mit Opera nicht korrekt angezeigt werden!");
 }
else
 {
 anzeige("link");
 anzeige("navi");

// usw. für jeden Eintrag
 }
}
// --></script></head><body onload="laden();">
<div><a href="javascript:anzeige('link');">Links:</a></div>
<div id="link">
<a href="http://selfaktuell.teamone.de/" target="haupt">SELFHTML aktuell </a><br>
<a href="http://www.pcwelt.de/" target="haupt">PCWELT online</a><br>
<!-- usw. -->
</div><br>

<div><a href="javascript:anzeige('navi');">Navigation:</a></div>
<div id="navi">
<a href="startseite".htm target="haupt">Startseite</a><br>
<a href="unterseite1.htm" target="haupt">Unterseite #1</a><br>
<!-- usw. -->
</div><br>

Nach dem glieichen Schema machst du für alle Einträge weiter.

MfG
   FLO

P.S.: selbst gebastelt

--
Mein SELFcode:
ss:{ zu:| ls:# fo:| de:] va:) ch:{ sh:| n4:{ rl:° br:$ js:| ie:) fl:{ mo:{
!!! STOPPT BUSH - NO WAR!!!
http://www.jwdt.com/~paysan/bush/11_september.pdf Fakts über den 11.9. !!!