Sådan f.eks :
<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;
clicked = 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> <table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="#" onClick="if(!clicked){over('lag');clicked=true}else{ud('lag');clicked=false;}"><div style="position:relative;width: 200; height:14;background-color:#cccccc; z-index: 4;text-align:right;cursor:hand;">Klik og Kuk</div></a></td>
</tr>
<tr>
<td><div id="lag" name="lag" style="position:relative;width: 200; height:150;background-color:#cccccc; z-index: 3; visibility: hidden">
<a href="#" onclick="alert('hej')">link1</a>
<br>
<a href="#" onclick="alert('hej')">link2</a>
<br>
<img src="" width="100" height="40" alt="billedet" onclick="alert('tryk lige på mit billede du')">
<br>
<a href="#" onclick="alert('hej')">link3</a>
</div></td>
</tr>
</table>
</body>
</html>
