F.eks.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
.menu{border:1px dotted red;cursor:pointer;}
.menupunkt{color:brown;background-color:yellow;display:none;line-height:1.5;}
.menupunkt a,.menupunkt a:link,.menupunkt a:visited{text-decoration:none;}
.menupunkt a:hover,.menupunkt a:active{text-decoration:overline underline;}
</style>
<script language="javascript" type="text/javascript">
function showHide(elmID){
var st = document.getElementById(elmID).style;
st.display = st.display != 'block' ? 'block' : 'none';
}
</script>
<title>Tomt dokument</title>
</head>
<body>
<div class="menu" onclick="showHide('menu1');">Punkt 1 -- TV-stationer
<div id="menu1" class="menupunkt">
<ul>
<li><a href="
http://dr.dk">DR</a></li> <li><a href="
http://tv2.dk">TV2</a></li> </ul>
</div>
</div>
<div class="menu" onclick="showHide('menu2');">Punkt 2 -- Søgemaskiner
<div id="menu2" class="menupunkt">
<ul>
<li><a href="
http://google.dk">Google</a></li> <li><a href="
http://altavista.com">Altavista</a></li> </ul>
</div>
</div>
</body>
</html>
