3 DIVs übereinander visible/hidden machen

[Struppi]

Nur leider tut sich überhaupt nichts:

Und wie lautet die Fehlerbeschreibung? Was steht in der Fehlerkonsole? Was hast du getan um diesen Fehler zu beseitigen?

if(div_id='rubrik_1')

Du weißt wie ein Vergleich auf Gleichheit in JS aussieht?

{
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;

Der Code ist sehr aufgebläht, das läßt sich auch kürzer formulieren.

function ebene(div_id){  
var anzahl = 3;  
for(var i = 1; i < anzahl; i++) {  
var id = 'rubrik_' + i;  
var o = document.getElementById(id);  
if(o) o.style.visibility = id == div_id ? 'visible' : 'hidden';  
}  
}

Struppi.