Vertigo01
Threadersteller
Dabei seit: 22.02.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 22.02.2006 13:31
Titel Menü zeigen/verstecken mit Javascript und CSS einbindung |
|
|
Hallo zusammen,
ich hab da mal leider ein Problem...
Ich möchte, wenn man auf einen Link geht, das sich dann das dazugehörige Menü aufklappt. Wenn man allerdings dann einen anderen Hauptpunkt des Menüs aufklappt, soll das geöffnete sich wieder schließen, und nur das dazugehörige submenü aufgeklappt werden. Zudem soll das submenü, wenn man auf einen Link im SM klickt, weiterhin offen sein.
Ich kenn mich leider noch nicht so wirklich gut mit JS aus. Bitte Bitte helft mir.
JavaScript:
Code: |
<script type="text/javascript">
function menue(zap)
{
if(document.getElementById)
{
var men1 = document.getElementById(zap).style;
if(men1.display == "block")
{
men1.display = "none";
}
else
{
men1.display = "block";
}
return false;
}
else
{
return true;
}
}
</script>
|
Die Linkleiste:
Code: |
<div id="navi">
<ul>
<li id="navi_active"><a href="index.html" onclick="return menue('hide1');">Home</a>
<ul id="hide1">
<li><a href="index.html"><p class="hide">Unternehmen</p></a></li>
<li><a href="index.html"><p class="hide">Leistungen</p></a></li>
<li><a href="index.html"><p class="hide">Was ist Factoring?</p></a></li>
</ul>
</li>
<li><a href="index.html">Leistungen</a>
<ul id="hide2">
<li><a href="index.html"><p class="hide">Liquidität</p></a></li>
<li><a href="index.html"><p class="hide">Sicherheit</p></a></li>
<li><a href="index.html"><p class="hide">Service</p></a></li>
</ul>
</li>
<li><a href="index.html">Erfolgreich mit CrefoFactoring</a>
<ul id="hide3">
<li><a href="index.html"><p class="hide">Vorteile</p></a></li>
</ul>
</li>
<li><a href="index.html">Factoring Checkliste</a>
<ul id="hide4">
<li><a href="index.html"><p class="hide">Factoring-Eignung</p></a></li>
<li><a href="index.html"><p class="hide">Factoring-Anfrage</p></a></li>
</ul>
</li>
<li><a href="index.html">Kontakt</a>
<ul id="hide5">
<li><a href="index.html"><p class="hide">Anschrifft</p></a></li>
<li><a href="index.html"><p class="hide">So finden Sie uns!</p></a></li>
<li><a href="index.html"><p class="hide">Impressum</p></a></li>
</ul>
</li>
</ul>
</div>
|
Die CSS:
Code: |
#hide1
{
display: none;
}
#hide2
{
display: none;
}
#hide3
{
display: none;
}
#hide4
{
display: none;
}
#hide5
{
display: none;
}
|
Dankeschön schon mal im vorraus!
LG Veritgo01
|
|