visa och gömma text med javascript

Hej

Jag håller på att lära mig lite mer om javascript.
Jag har lyckats gömma/visa text i en div men nu vill jag använda den till fler ställen av sidan med samma javascript. Jag kan inte riktigt komma på hur jag ska göra:

<a href="javascript:menuNav('test,visible');">Visa</a> |
<a href="javascript:menuNav('test,hidden');">Göm</a><br>

<br>

<div id="test">Hej alla glada</div>

function menuNav(namn,vad)
 { document.getElementById('+namn+').style.visibility=+vad+; }

Tack på förhand

Du är på rätt väg, men har gjort några småmissar.

function menuNav(namn, vad)
{
	document.getElementById(namn).style.visibility = vad;
}

<a href="javascript:menuNav('test', 'visible');">Visa</a> |
<a href="javascript:menuNav('test', 'hidden');">Göm</a><br>

<br>

<div id="test">Hej alla glada</div>

Tack :)

En till fråga angående detta. Hur gör man en div hidden från start?

eller kan jag använda något annat än div för att få det hidden från början?

testa lite och fick <div style="visibility:hidden"> att funka :)