Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.09.2008, 13:17
Benutzerbild von Praktikant
Praktikant Praktikant ist offline
Semantikbremse.
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard Show Hide Layers Funktion gesucht.

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!
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links