Layer. OnClick i stedet onmouse over

Hej.

Jeg har et script, som jeg ønsker en lille ændring på. Pt. dukker det frem og forsvinder ved onmouseover og out. Men jeg ønsker at det dukker frem ved klik, og forsvinder ved det samme. Muligt ?

<html>
<head>
    <title>Untitled</title>     
<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.visibility = "visible";
}

function ud(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.visibility = "hidden";
}

</script>
</head>

<body>
<a href="#" onMouseover="over('lag')" onMouseout="ud('lag')">kuk</a>

<div id="lag" name="lag" style="position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden">Denne tekst vises n&aring;r der klikkes</div>

</body>
</html>