Hallo zusammen
Ich bin nicht so der JS Experte und stehe deshalb voll am Berg.
Ich habe f�nf Links. Wenn ich auf einen Link klicke, muss ein DIV eingeblendet werden und alle anderen m�ssen ausgeblendet werden.
Das Problem ist folgendes: Wenn ich auf A klicke, kommt auch ein A. Wenn ich dann auf B klicke, sollte das A verschwinden und NUR das B angezeigt werden.Code:<html> <head> <script language="JavaScript" type="text/javascript"> <!-- function toggleDivA(element){ if(document.getElementById("toggle_a").style.display == 'none') document.getElementById("toggle_a").style.display = 'block'; else document.getElementById("toggle_a").style.display = 'none'; } function toggleDivB(element){ if(document.getElementById("toggle_b").style.display == 'none') document.getElementById("toggle_b").style.display = 'block'; else document.getElementById("toggle_b").style.display = 'none'; } //--> </script> </head> <body> <a href="javascript:toggleDivA('toggle_a');">A</a> <a href="javascript:toggleDivB('toggle_b');">B</a> <a href="javascript:toggleDiv('toggle_c');">C</a> <a href="javascript:toggleDiv('toggle_d');">D</a> <a href="javascript:toggleDiv('toggle_e');">E</a> <div id="toggle_a" style="display:none;"> A </div> <div id="toggle_b" style="display:none;"> B </div> <div id="toggle_c" style="display:none;"> C </div> <div id="toggle_d" style="display:none;"> D </div> <div id="toggle_e" style="display:none;"> E </div> </body>
Hab mal gebastelt, aber das funktioniert nicht:
Code:function toggleDivA(element){ if(document.getElementById("toggle_a").style.display == 'none') document.getElementById("toggle_a").style.display = 'block'; document.getElementById("toggle_b").style.display = 'none'; else document.getElementById("toggle_a").style.display = 'none'; }
Ich hoffe jemand kann mir weiterhelfen. Hab schon ettliche Stunden damit gek�mpft![]()
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)