divs ein- und ausblenden

[sunny]

Hallo zusammen!

Bin gerade dabei, eine Funktion zu schreiben mit der ich Ebenen per Mausklick ein- und ausblenden kann.

Soweit bin ich bisher gekommen:

<script type="text/JavaScript">
var i = 1;
function showobject(ebene){
 if (i % 2 != 0) {
  window.ebene.style.display="block";
 }
 else {
  window.ebene.style.display="none";
 }
 i = i+1;
}
</script>

<a href=# onClick="showobject('vor1')";>Link 1</a>
<div id="vor1">
 Text 1
</div>

<a href=# onClick="showobject('vor2')";>Link 2</a>
<div id="vor1">
 Text 2
</div>

Nur leider funktioniert das so nicht - "window.ebene.style ist Null oder kein Objekt". Kann ich den Namen des divs nicht so an die Funktion übergeben? In "ebene" steht ja der richtige Name drin (wenn ichs per alert ausgebe), aber es scheint im Befehl nicht angewandt zu werden. Wie muss ich das abändern sodass es funktioniert?

Und zweitens, das Ganze funktioniert (wenn ich die EbenenID direkt angebe) nur im IE, kann mir jemand sagen wie ich es auch für Netscape (wenigstens für neuere Versionen) hinbekomme?

Lg,
sunny