visa/dölj <DIV>

Hej,
försökt mig på _lite_ ajax och råkade komma över en artikel från -02 som visade följande metod för att med ett musklick visa/dölja en <DIV>:

Css:

#box {
	position: relative;
	margin: 0 auto;
	padding: 0 auto;
	width: 90%;
	border: 1px solid black;
	background: white;
	top: 30px;
	z-index: 1;
	visibility: hidden;
}

Javascript:

<script language="JavaScript">
  ns4 = document.layers;
  ie4 = document.all;
  nn6 = document.getElementById && !document.all;

function showObject(t) {
  if (ns4) {
    document.box.visibility = "show";
  } else if (ie4) {
    document.all['box'].style.visibility = "visible";
  } else if (nn6) {
    document.getElementById('box').style.visibility = "visible";
  }
}

function hideObject() {
  if (ns4) {
    document.box.visibility = "hide";
  } else if (ie4) {
    document.all['box'].style.visibility = "hidden";
  } else if (nn6) {
    document.getElementById('box').style.visibility = "hidden";
  }
}
</script>

Jag kan köpa att man fick göra det manuellt för olika webbläsare -02, men har inte utveckligen kommit längre -07? Det funkar ex. inte i Safari som det ser ut nu. Frågan är om det har kommit någon generell standard än? Finns det något annat bättre/enklare sätt kan jag köpa det också.

Tacksam för svar!
/orvar