2 Div einblenden (Probleme)

[Nik]

Hallo,

ich habe eine Funktion mit der ich ein DIV einblenden kann. Leider klappt mein Ansatz nicht für 2 DIV.

Ich habe diese Funktion entwickelt:

KLAPPT:
function switch(theid){
var thearray= new Array("cxx","cyy", "czz");
for(i=0; i<thearray.length; i++){
      if(thearray[i] == theid){
            document.getElementById(theid).style.visibility ="visible";

}
else{
            document.getElementById(thearray[i]).style.visibility ="hidden";
      }
   }
}

<div id="cxy"><a onclick="switch('cxx');" >Test</a></div>
<div id="cyx"><a onclick="switch('cxx');" >Test2</a></div>

KLAPPT NICHT: (es passiert gar nichts mehr)
-------------
function switch(theid,theid2){
var thearray= new Array("cxx","cyy", "czz");
for(i=0; i<thearray.length; i++){
      if(thearray[i] == theid){
            document.getElementById(theid).style.visibility ="visible";

}
      if(thearray[i] == theid2){
            document.getElementById(theid2).style.visibility ="visible";

}
else{
            document.getElementById(thearray[i]).style.visibility ="hidden";
      }
   }
}

<div id="cxy"><a onclick="switch('cxx','');" >Test</a></div>
<div id="cyx"><a onclick="switch('cyy','czz');" >Test2</a></div>

Vielen Dank für Eure Tipps,

nik

[Nik]

Tippfehler bei Funktionsname:

KLAPPT:
function switchdiv(theid){
var thearray= new Array("cxx","cyy", "czz");
for(i=0; i<thearray.length; i++){
      if(thearray[i] == theid){
            document.getElementById(theid).style.visibility ="visible";

}
else{
            document.getElementById(thearray[i]).style.visibility ="hidden";
      }
   }
}

<div id="cxy"><a onclick="switchdiv('cxx');" >Test</a></div>
<div id="cyx"><a onclick="switchdiv('cxx');" >Test2</a></div>

KLAPPT NICHT: (es passiert gar nichts mehr)
-------------
function switchdiv(theid,theid2){
var thearray= new Array("cxx","cyy", "czz");
for(i=0; i<thearray.length; i++){
      if(thearray[i] == theid){
            document.getElementById(theid).style.visibility ="visible";

}
      if(thearray[i] == theid2){
            document.getElementById(theid2).style.visibility ="visible";

}
else{
            document.getElementById(thearray[i]).style.visibility ="hidden";
      }
   }
}

<div id="cxy"><a onclick="switchdiv('cxx','');" >Test</a></div>
<div id="cyx"><a onclick="switchdiv('cyy','czz');" >Test2</a></div>

[JürgenB]

Hallo Nik,

ich weiß nicht, was für dich "klappt" und "klappt nicht" bedeutet, aber meiner Meinung nach sollten beide Versionen Fehlermeldungen liefern, da du auf nicht vorhandene DIVs zugreifst:

var thearray= new Array("cxx","cyy", "czz");

<div id="cxy"><a onclick="switchdiv('cxx','');" >Test</a></div>
<div id="cyx"><a onclick="switchdiv('cyy','czz');" >Test2</a></div>

Du solltest mal einen Blick in die Fehlerkonsole werfen.

Gruß, Jürgen