<ole>
Kan du bruge denne? Du skal bruge to små billeder af en pil mod højre 'arr_c.gif' og en pil ned 'arr_o.gif'. Billederne kan være 13*13 pixels:
<html>
<head>
<title> ..:: Menu 2 ::.. </title>
<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> </td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>En eller anden tekst</td>
</tr>
<tr>
<td>En eller anden tekst</td>
</tr>
<tr>
<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> </td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>En eller anden - anden tekst</td>
</tr>
<tr>
<td>En eller anden - anden tekst</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
/mvh
</bole>
