(CSS) Visibility-Eigenschaft lässt sich nicht ändern

[*Markus]

Hallo,

ich habe folgende Dateien:

index.php, welches diesen Link enthält:

<a href="javascript:opendisplay();">Zusätzliche Angaben</a>

javascript.js mit folgendem Inhalt:

  
var wahr = new Boolean(true);  
var falsch = new Boolean(false);  
var isVisible = falsch;  
  
function opendisplay()   {  
	  if (isVisible == falsch)   {  
	  	  isVisible = wahr;  
	  	  document.getElementById("navigation").visibility = 'visible';  
	  }  
	  else   {  
	  	  isVisible = falsch;  
	  	  document.getElementById("navigation").visibility = 'hidden';  
	  }  
}  

cssdata.css mit u.a. folgendem Inhalt:

  
div#navigation {  
  font-size: 0.5em;  
  min-width: 16em;  
  padding:0 1em;  
  border: 1px solid silver;  
  visibility:hidden;  
}  

Klicke ich auf den Link, soll das div "navigation" sichtbar werden. Klicke ich erneut darauf, soll das div wieder verschwinden. Die Funktion wird richtig aufgerufen. Ich hab dies mit alert-Popups überprüft (einmal erscheint "wahr", einmal "falsch"). Setze ich das div "navigation" per default auf "visible", erscheint auch dieses. Das heißt, dass diese Anweisungen document.getElementById("navigation").visibility = 'visible'; nicht ziehen. Die Frage ist, wieso?

Danke
Markus