Folde ud menu...?

<ole>

<html>
<head>
    <title>&nbsp;&nbsp;..:: Menu 2 ::..&nbsp;&nbsp;&nbsp;&nbsp;</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
td {
    font-family: verdana;
    font-size: 11px;
}
.pil {
    cursor: pointer;
}
.txtBox {
    display:none;
}
</style>
<script type="text/JavaScript">
/********************************************************************
Variablen 'actMen' refererer til den - til enhver tid - aktive menu.
********************************************************************/
var d=document;
var actMen=false;

function toggle(inx) {
    var tr, img;
    if (actMen) { // Vi folder den aktive menu sammen, hvis der er en
        d.getElementById("txt_"+actMen).style.display = "none";
        d.images["pil_"+actMen].src = "arr_c.gif";
    }
    if (actMen!=inx) { // Vi folder den nye menu ud
        d.getElementById("txt_"+inx).style.display = "block";
        d.images["pil_"+inx].src = "arr_o.gif";
        actMen = inx;
    }
    else actMen = false; // Hvis der klikkes på den åbne (aktive) menu
}
</script>
</head>
<body>

<table style="width:200px;" cellspacing="0" cellpadding="0" border="0">
<tr class="pil" onclick="toggle(1)">
    <td style="width:15px;"><img src="arr_c.gif" name="pil_1"></td>
    <td>Punkt 1</td>
</tr>
<tr id="txt_1" style="display:none;">
    <td>&nbsp;</td>
    <td>
    <table cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td>&nbsp;</td>
        <td>En eller anden tekst</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>En eller anden tekst</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>En eller anden tekst</td>
    </tr>
    </table>
    </td>
</tr>

<tr class="pil" onclick="toggle(2)">
    <td><img src="arr_c.gif" name="pil_2"></td>
    <td>Punkt 2</td>
</tr>
<tr id="txt_2" style="display:none;">
    <td>&nbsp;</td>
    <td>
    <table cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td>&nbsp;</td>
        <td>En eller anden - anden tekst</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>En eller anden - anden tekst</td>
    </tr>
    </table>
    </td>
</tr>
</table>

</body>
</html>

Du skal bruge to stk. 13*13 pixel billeder. En pil mod højre 'arr_c.gif' og en pil ned 'arr_o.gif'. Du kan naturligvis også bruge et plus og et minus  :)

/mvh
</bole>

Tak. Eller man kan helt lade være med at bruge noget :-)