String als Funktionsparameter übergeben + getElementByID

[Benjamin]

Hey ho.

Ich hab mir grad mal ne kleine Funktion als JavaScript geschrieben die mir verschiedene Elemente meiner Website durch klicke auf einen Link sichtbar bzw. unsichtbar darstellen lassen soll.

Dabei greif ich auf das Element per "getElementById" zu und setzte den Stylesheet "visibility" auf "hidden" bzw. "visible".

Da ich aber nicht für jedes Element meiner Seite eine eigene Funktion schreiben wollte, wollte ich den Namen des Elements als Parameter der Funktion übergeben. Leider funktioniert das nicht.

Hier mal mein bisheriger JavaScript Code:

function visibilityChange(element){
    document.write(document.getElementById(element).style.visibility);
    if(document.getElementByClass(element).style.visibility=="hidden"){
     document.getElementById(element).style.visibility="visible";
    }
    else if (document.getElementById(element).style.visibility=="visible"){
     document.getElementById(element).style.visibility="hidden";
    }
   }

Als Aufruf verwende ich :
<a href="JavaScript:visibilityChange('test')"></a>

"test" ist hierbei die ID eines DIV-Elements.

Habt ihr ne Ahnung wieso das nicht funktioniert? Der String "test" wird einwandfrei übergeben, jedoch nimmt es die Funktion "getElementById" nicht an.

Würde mich über Antworten freuen und bedanke mich schonmal im Vorraus. ;)