hvordan kan jeg lave denne menu

Hvad mener du med folder sig ud?

Prøv at kigge på andre færdige menuer, f.eks.
http://www.dhtmlcentral.com/projects/coolmenus/

på forsiden er den bare super simpel med en onmouseover til baggrunden - når man klikker på et menupunkt 'folder' det sig ud...

Det kan laves væsentligt smartere end på den side, du har linket til. Se min tutorial om emnet her:
http://www.phoenixv.dk/artikler.html ("Foldemenu med DHTML")

phoenix - super - tak, men jeg kan ikke få det til at virke...
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<script type="text/javascript">
foer = null;

function fold(id) {
  obj = document.getElementById(id);
  if (foer != null && foer != obj)
    foer.style.display = "none";
  obj.style.display = (obj.style.display == "none") ? "inline" : "none";
  foer = obj;
}
</script>


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onClick="fold('div1'); return false;">Vis/skjul tekst</a></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst.</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst2.</div></td>
  </tr>
  <tr>
    <td><a href="#" onclick="fold('div2'); return false;">Vis/skjul tekst2</a></td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst.</td>
  </tr>
  <tr>
    <td>Dette er den skjulte tekst2.</div></td>
  </tr>
</table>
</body>
</html>

nu virker den lidt... det er kun første undermenupunkt der vises:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr>
    <td id="div3" style="display: none;">Dette er den skjulte tekst1.</td>
  <tr>
    <td id="div3" style="display: none;">Dette er den skjulte tekst2.</td>
  </tr>
</table>

ellers en fed script-collection du har :)
.
den virker ikke i en tabel når jeg bruger mere end 1 undermenu

Du har to tabelceller med samme id, og så skabes der jo forvirring.

Eksempelvis kan du gøre dette:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div1'); return false;"> Vis/skjul tekst1 <br />
    <a href="#" onclick="fold('div2'); return false;"> Vis/skjul tekst2</a>
    </td>
  </tr>
<tr>
    <td id="div1" style="display: none;">Dette er den skjulte tekst1.</td>
  <tr>
    <td id="div2" style="display: none;">Dette er den skjulte tekst2.</td>
  </tr>
</table>

Det kommer lidt an på, præcis hvilken funktionalitet, du er ude efter.

jeg vil gerne have mulighed for at ligger flere undermenuer. eks:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td> 
<tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</table>

jeg kan ikke få den til at tage tekst2 med...
http://www.fzy.dk/include/foldmenu.asp - se menu nr 2

Du skal vist bare fjerne det <tr> i midten:

<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td>
    <td>Dette er den skjulte tekst2.</td>
  </tr>

Nu kommer de to tabelceller så til at være i samme række. Hvis du ikke ønsker det, kan du prøve:

<div id="div3" style="display: none;">
<tr>
    <td>Dette er den skjulte tekst1.</td>
</tr>
<tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</div>

Ovenstående er vist ikke helt efter standarderne. Det kan laves "pænere", men lad os lige prøve det først.

sådan her viser den den i samme række, men jeg kan ikke få den til at virke hvis den skal vise 2 rækker

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div3'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr>
<tr id="div3" style="display: none;">
    <td>Dette er den skjulte tekst1.</td> 
    <td>Dette er den skjulte tekst2.</td>
  </tr>
</table>

link: http://www.fzy.dk/include/foldmenu.asp

sådan prøver jeg at trække det ud i 2 rækker, men det virker ikke:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('div4'); return false;"> Vis/skjul tekst</a>
    </td>
  </tr><div id="div4" style="display: none;">
  <tr>
    <td>Dette er den skjulte tekst1.</td>  </tr>
    <td>Dette er den skjulte tekst2.</td>
  </tr></div>

Så udbyg scriptet til dette:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
foer = new Array();

function fold(id1, id2) {
  obj1 = document.getElementById(id1);
  obj2 = document.getElementById(id2);
  if (foer.length > 0 && foer[0] != obj1 && foer[1] != obj2) {
    foer[0].style.display = "none";
    foer[1].style.display = "none";
  }
  obj1.style.display = (obj1.style.display == "none") ? "inline" : "none";
  obj2.style.display = (obj2.style.display == "none") ? "inline" : "none";
  foer = new Array(obj1, obj2);
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onclick="fold('nr1', 'nr2'); return false;"> Vis/skjul tekst 1+2</a>
    </td>
  </tr>
  <tr id="nr1" style="display: none;">
    <td>Dette er den skjulte tekst1.</td>  </tr>
  <tr id="nr2" style="display: none;">
    <td>Dette er den skjulte tekst2.</td>
  </tr>
    <tr>
    <td><a href="#" onclick="fold('nr3', 'nr4'); return false;"> Vis/skjul tekst 3+4</a>
    </td>
  </tr>
  <tr id="nr3" style="display: none;">
    <td>Dette er den skjulte tekst3.</td>  </tr>
  <tr id="nr4" style="display: none;">
    <td>Dette er den skjulte tekst4.</td>
  </tr>
</table>
</body>
</html>

u da man- its working :)

bare smid et svar - tak for hjælpen

Svar