mit getElementbyXXX css ändern

[birgit]

hallo,

wie kann ich in einem html dokument MEHRERE elemente über getElementbyXXX ansprechen?

mein problem ist, dass ich auf einer seite einen layer einblende und dann die darunterliegenden klappboxen solange ausbelden muss, da die nicht vom layer überdeckt werden..

also im moment schauts so aus:

head:
<script type="text/javascript">
<!--
function setclass (id, klasse) {
document.getElementById(id).className=klasse;
}
//-->
</script>

<style type="text/css">
.formhidden{visibility:hidden;}
.formshow{visibility:visible;}
</style>

body:
<a href="javascript:setclass('klappbox01','formhidden');">ausblenden</a>

<a href="javascript:setclass('klappbox01','formshow');">einblenden</a>

tut zwar, spricht aber eben nur eine klappbox an..

über getElementsByTagName kann ich auch nur auf ein element zugreifen, weil ich ja in der [] angeben muss welches, oder? und getElementsByName fällt raus, da ich für die klappboxen unterschiedliche namen verwenden muss.

danke, birgit