Hallo Ihr, ich Suche eine Funktion die mir das Anzeigen und Verstecken von divs ermöglicht, für eine Navigation.
Ich habe da folgendes Problem:
Es gibt mehrere divs, die an der selben Stelle angeziegt werden also muss das momentan angezeigte div verschwinden wenn ein neues gezeigt werden.
Ich habe jetzt mit mehrere Funktionen veruscht da etwas zu machen, bin aber leider immer kläglich gescheitert....
Es soll so aussehen wie auf dieser Seite hier:
mYhorizon
(Navigation ist oben rechts
)
Ich habe auch das bespiel da ausprobiert, funktioniert bei mir aber leider auch nicht....
Das hier ist der entsprechende Ausschnitt aus dem Quellcode:
Code:
<div class="navi">
<a href="#" class="clan" title="CLAN">CLAN</a>
<a href="#" class="info" title="INFOTAINEMENT">INFOTAINEMENT</a>
<a href="#" class="community" title="COMMUNITY">COMMUNITY</a>
<a href="#" class="server" title="SERVER">SERVER</a>
</div>
<div id="subnavi">
<div id="clan"><a href="#" title="Member">Member</a> <a href="#" title="Join Us">Join Us</a> <a href="#" title="Fight Us">Fight Us</a> <a href="#" title="Last Wars">Last Wars</a></div>
<div id="info"><a href="#" title="News">News</a> <a href="#" title="Interviews">Interviews</a></div>
<div id="comm"><a href="#" title="Forum">Forum</a> <a href="#" title="Link Us">Link Us</a> <a href="#" title="Gästebuch">Gästebuch</a> <a href="#" title="Impressum">Impressum</a> <a href="#" title="Downloads">Downloads</a></div>
<div id="server"><a href="#" title="test">Test</a></div>
</div>
Und der dazugehörige CSS Code:
Code:
div#clan {
visibility:visible;
}
div#info {
visibility:hidden;
}
div#comm {
visibility:hidden;
}
div#server {
visibility:hidden;
}
Ich weiß, dass die so nie an der selben Stelle gezeigt werden können, weil nochn bissl was fehlt, aber ich wollte erst einmal die Funktion haben.
Bei google habe ich auch schon gesucht, kam aber leider nichts bei raus....
Ich hoffe Ihr wisst was ich meine und könnt mir helfen
Vielen Dank schon einmal im voraus!