Mehrere DHTML-Bereiche mit document.getElementById?

[Horst Reinelt]

Hallo liebe Forumler!

Eine Aufgabe an alle JavaScript- und DHTML-Experten - mein Knobeln war bis jetzt erfolglos.

Die Funktion ist auf im Seiten-Head wie folgt definiert:

function ShowHideCheck(x) {
 textstatus = (document.getElementById(x).style.display == 'block') ? 'none' : 'block';
 document.getElementById(x).style.display = textstatus;
}

Im Body dann der Aufruf und der DHTML-Bereich:

<input type="checkbox" value="0" onClick="JavaScript:ShowHideCheck('ID1');">

<span id="ID1" class="showhide" style="display:block">
<h1>INHALT</h1>
</span>

Soweit so gut - klappt hervorragend. Jetzt möchte ich aber gerne mehrere solcher Bereiche bedienen, ähnlich wie:

<input type="checkbox" value="0" onClick="JavaScript:ShowHideCheck('ID1');">

<span id="ID1" class="showhide" style="display:block">
<h1>INHALT</h1>
</span>

<h2>was ganz anders</h2>

<span id="ID1" class="showhide" style="display:block">
<h1>NOCHN INHALT</h1>
</span>

Zweimal die gleiche id ist sicherlich nicht so gut, aber was sonst? Mit "document.getElementsByName(x)" ist es auch nicht machbar.

Hat jemand eine Idee?

Dankeschön schonmal vorab!

Horst