Ole: 15 divs...sichtbar / unsichbar

Beitrag lesen

nabend

ich bastel grad mal wieder und könnte ein wenig hilfe gebrauchen.

mittels eines scripts mache ich ein div sichtbar bzw. unsichtbar das script sieht wie folgt aus (aufmerksame forumsleser dürften es kennen ;-)):

<html>
<head>
<script language="JavaScript" type="Text/JavaScript">
i=1;
function Change1()
{
if(i%2)
{
i++;
if (document.layers) //Ns
 {window.document.EINS.visibility="hide";}

if(document.all) // IE
 { document.all.EINS.style.display="none";}
}

else
{i++;
if (document.layers) //Ns
 {window.document.EINS.visibility="show";}

if(document.all) // IE
 { document.all.EINS.style.display="inline";}
}

}
</script>
</head>
<body>

</form>
</body><form>
<a href="#" onClick="Change1()"><img src="1.jpg"></a>

<div ID="TEST" style="position:absolute; top:100px; left:20px;">
<a href="#" onClick="Change1()"><img src="1.jpg"></a>
</div>
<script language="JavaScript" type="Text/JavaScript">
if (document.layers) //Ns
{
window.document.EINS.visibility="show";
}

if(document.all) // IE
{ document.all.EINS.style.display="inline";
}
</script>
</html>

wenn ich nun ein zweites div ansprechen will ist das ja auch kein problem einfach für den head zusätzlich:

<script language="JavaScript" type="Text/JavaScript">
j=1;
function Change2()
{
if(j%2)
{
j++;
if (document.layers) //Ns
 {window.document.ZWEI.visibility="hide";}

if(document.all) // IE
 { document.all.ZWEI.style.display="none";}
}

else
{j++;
if (document.layers) //Ns
 {window.document.ZWEI.visibility="show";}

if(document.all) // IE
 { document.all.ZWEI.style.display="inline";}
}

}
</script>

und im body:

<form>
<a href="#" onClick="Change2()"><img src="2.jpg"></a>

<div ID="TEST" style="position:absolute; top:100px; left:20px;">
<a href="#" onClick="Change2()"><img src="2.jpg"></a>
</div>
<script language="JavaScript" type="Text/JavaScript">
if (document.layers) //Ns
{
window.document.ZWEI.visibility="show";
}

if(document.all) // IE 4
{ document.all.ZWEI.style.display="inline";
}
</script>

soweit ja auch kein problem, das krieg ich auch mit 13 weiteren ohne probleme hin. die sache ist nur, das wenn ich mehrere divs sichtbar mache alle übereinander liegen. mir wäre es allerdings lieber wenn sich das sichtbare div "schliesst" wenn ich ein neues div sichtbarmache.

hat irgendjemand eine idee die mir damit weiterhelfen könnte?

ein weiteres problem ist bei 15 divs die länge der source, gibt es eine möglichkeit das ganze evtl. etwas kompakter zu formulieren?

vielen dank im vorraus.
alles liebe
ole
(8-)>