ucze sie troche javascriptu bo bedzie mi potrzebny przy projekcie no ale mam problem z podstawami

[HTML] pobierz, plaintext 
<style type="text/css">
#test {
	display: block;
	background-color: red;
}
</style>
<script type="text/javascript">
function chowaj(id)
{
	tryb = (document.all.test.style.visibility == 'none') ? 'block'	: 'none';
	document.all.test.style.display = tryb;
}
</script>
<div id="test">testowy blok</div>
<button onclick="chowaj('test')">test</button>
[HTML] pobierz, plaintext 

napisalem cos takiego ale to dziala tylko w jedna strone bo jak jest juz schowany div to jest on none ale przycisniecie ponowne buttona nic pokazuje z powrotem warstwy...

drugi problem to taki ze jesli podaje id do funkcji to w jaki sposob wstawic zmienna w skrypcie bo jak widzicie to musialem na sucho wstawic test bo nie wiem jak korzystac z tycgh zmiennych...

prosze o pomoc i pozdrawiam

Proponuję inaczej:

[HTML] pobierz, plaintext 
<button onclick="chowaj('test')">test</button>
[HTML] pobierz, plaintext