Hallo zusammen,
ich würde gerne bei Klick auf einen Link drei CSS-Klassen tauschen, außerdem wird ein DIV-Container eingeblendet bei Klick.
So sieht es momentan aus:
Momentan habe ich ein JavaScript, das mir bei Klick auf einen der Hauptpunkte eines der DIVs sub_1 einblendet, es gibt auch noch sub_2 etc., die sind aber gleich. Das funktioniert auch und das JS sieht so aus:
Nun würde ich nur noch zusätzlich gerne die Klassen "start_p", "trenner_pp" und "passive" austauschen, um diese mittels CSS "aktive" zu machen.
Wie kann ich das nur erreichen?
ich würde gerne bei Klick auf einen Link drei CSS-Klassen tauschen, außerdem wird ein DIV-Container eingeblendet bei Klick.
So sieht es momentan aus:
Code:
<div class="row1"> <img src="i/l.gif" alt="" width="31" height="31" class="start_p"/> <a href="#" onclick="show('sub_1', this)" class="passive">Hauptpunkt 1</a> <img src="i/l.gif" alt="" width="39" height="31" class="trenner_pp"/> <a href="#" onclick="show('sub_2', this)" class="passive">Hauptpunkt 2</a> <img src="i/l.gif" alt="" width="39" height="31" class="trenner_pp"/> <a href="#" onclick="show('sub_3', this)" class="passive">Hauptpunkt 3</a> <img src="i/l.gif" alt="" width="10" height="31" class="ende_p"/> </div> <div id="sub_1" class="row2"> <a href="#" class="e2p" onclick="imgOn('img', this)">Unterpunkt 1.1</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Unterpunkt 1.2</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Unterpunkt 1.3</a> </div>
Code:
var mainmenu; var mainmenu_link; function show( id ) { if( mainmenu ) { hide( mainmenu ); } if( mainmenu_link ) { mainmenu_link.className = "e2a"; } document.getElementById(id).style.visibility = "visible"; mainmenu = id; } function hide( id ) { document.getElementById(id).style.visibility = "hidden"; mainmenu = false; }
Wie kann ich das nur erreichen?
Kommentar