<ole>
Du kunne jo prøve noget i stil med:
<!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">
    <title>Menu test</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.menu {
    font: 11px verdana, arial, sans-serif;
    width:    200px;
    border: 1px solid #999999;
}
.menu .head {
    cursor: pointer;
}
.menu .head img {
    margin-right: 3px;
    vertical-align: middle;
}
.menu .cont {
    margin-left: 20px;
    display: none;
}
</style>
<script type="text/JavaScript">
var actCont = null;
function openThis(elm) {
    var im;
    if (actCont) {
        actCont.style.display = "none";
        actCont.previousSibling.style.backgroundColor = "";
        im = elm.getElementsByTagName("img")[0];
        im.src = im.src.replace("open", "close");
        actCont = null;
    }
    elm.nextSibling.style.display = "block";
    elm.style.backgroundColor = "red";
    im = elm.getElementsByTagName("img")[0];
    im.src = im.src.replace("close", "open");
    actCont = elm.nextSibling;
}
</script>
</head>
<body>
<div class="menu">
    <div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 1</div>
    <div class="cont">Indhold 1</div>    
    <div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 2</div>
    <div class="cont">Indhold 2</div>    
    <div class="head" onclick="openThis(this)"><img src="folder_close.gif">En overskrift 3</div>
    <div class="cont">Indhold 3</div>
</div>
</body>
</html>
/mvh
</bole>