Det største problem er, at man skal brække fingrene så meget på getElementById, så en lille hjælpefunktion:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<meta name="Generator" content="Stone's WebWriter 4" />
<link href="sitemap.css" rel="stylesheet" type="text/css" />
<script src="menu.js" language="javascript"></script>
<!-- Minus AutoDato -->
<title>menu.php</title>
<script type="text/javascript">
function gE(id){return document.getElementById(id);}
</script>
</head>
<body style="z-index:1;">
<table width="100%"><tr><td align="right">
<img src="flueben.jpg" onclick="d=gE('container').style;d.display=(d.display!='block')?'block':'none';" /><br />
<div id="container" style="position:relative;top:0px;left:0px;display:none;">
<div id="div1" style="position:absolute;top:200px;right:300px;width:40px;height:20px;display:block;background-color:#ff9900;" onclick="gE('div2').style.display='block';gE('div3').style.display='block';this.style.display='none';">åben</div>
<div id="div2" style="position:absolute;top:200px;right:300px;width:40px;height:20px;display:none;background-color:#C0C0C0;" onclick="gE('div1').style.display='block';this.style.display='none';gE('div3').style.display='none';">luk</div>
<div id="div3" style="position:absolute;top:220px;right:300px;width:40px;height:20px;display:none;background-color:#e0C0e0;"></div>
</div>
</td></tr></table>
</body>
</html>