Klaus Cuhlmann: 3 DIVs übereinander visible/hidden machen

Beitrag lesen

Hallo,

es liegen 3 DIVs übereinander, DIV1 ist sichtbar... bei klick auf die R1/R2/R3 soll das jeweilige DIV angezeigt werden und die anderen unsichtbar gemacht werden.

Nur leider tut sich überhaupt nichts:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>

<style type="text/css">

.content{position:absolute;left:70px;top:70px;width:226px;height:156px}

</style>

<script type="text/javascript">

function ebene(div_id)

{

if(div_id='rubrik_1')
{
document.getElementById('rubrik_1').style.visibility ='visible';
document.getElementById('rubrik_2').style.visibility ='hidden';
document.getElementById('rubrik_3').style.visibility ='hidden';
}

if(div_id='rubrik_2')
{
document.getElementById('rubrik__2').style.visibility ='visible';
document.getElementById('rubrik_1').style.visibility ='hidden';
document.getElementById('rubrik_3').style.visibility ='hidden';
}

if(div_id='rubrik_3')
{
document.getElementById('rubrik_3').style.visibility ='visible';
document.getElementById('rubrik_2').style.visibility ='hidden';
document.getElementById('rubrik_1').style.visibility ='hidden';
}

return false;

}

</script>

</head>
<body>

<a href="#" onClick="ebene('rubrik_1');">R1</a><br>
<a href="#" onClick="ebene('rubrik_2');">R2</a><br>
<a href="#" onClick="ebene('rubrik_3');">R3</a><br>

<div class=content id="rubrik_1">1...</div>
<div class=content id="rubrik_2" style=visibility:hidden>2...</div>
<div class=content id="rubrik_2" style=visibility:hidden>3...</div>

</body></html>

Danke im Voraus,
Klaus Cuhlmann