Untermenü für meine Navigation (JavaScript)

S

SPaRXLi

0
Hi!

Meine Internetseite ist in 2 Frames aufgeteilt. Der linke von beiden stellt meine Navigation dar. Jetzt gibt es dort einen Link, der bei Anklicken ein "Untermenü" öffnen soll. Wenn man ihn also klickt, sollen die restlichen Links, die unter dem besagten Link stehen einfach ein wenig nach unten gesetzt werden, um dem einen neuen Link, der das "Untermenü" darstellt, Platz zu machen.

So siehts also Anfangs aus:

- Trainingsgruppen
- Bestenlisten
- Kontakt

und so solls nach Klicken auf "Trainingsgruppen" aussehen:

- Trainingsgruppen
Jugendgruppe
- Bestenlisten
- Kontakt

Wenn ich nun ein weiteres Mal auf Trainingsgruppen klicke, soll die Ausgangsstellung wieder erscheinen!

Danke im Voraus, sparxli!
 
Code: 
<html>
<head>
<title>tree navi</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript1.2\">
<!--

var ns6=document.getElementById&&!document.all?1:0

var head=\"display:''\"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display==\"none\")
folder.display=\"\"
else
folder.display=\"none\"
}

//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<h3 style=\"cursor:hand\" onClick=\"expandit(this)\">Trainingsgruppen</h3>
<span style=\"display:none\" style=&{head};>
<a href=\"bla.htm\"> Jugendgruppe </a></span> 
<h3 style=\"cursor:hand\" onClick=\"expandit(this)\">Bestenlisten
</h3>
<span style=\"display:none\" style=&{head};>
irgendwas
</span>
<h3 style=\"cursor:hand\" onClick=\"expandit(this)\">Kontakt

</h3>
<span style=\"display:none\" style=&{head};>
bla
</span>
</body>
</html>
diese navigation wurde ihnen präsentiert von dynamicdrive.com :D
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben