vis links skjul links

function foldud(elm){
  var ancarr = elm.parentNode.getElementsByTagName("a");
  for(i=0;i<ancarr.length;i++){
    if(ancarr[i].style.display=="none")
      ancarr[i].style.display = "inline";
    else
      ancarr[i].style.display = "none";
  }
}

<ul>
<li><span onclick="foldud(this)">Mad</span><br />
<a href="">pizza</a>
<a href="">pasta</a>
</li>
</ul>

Dette kan selvfølgelig varieres efter hvilket udseende, du gerne vil have, at din liste får.

Eller kortere:
---------------------------------------
<script type="text/javascript">
function foldud(elm){
  var ancarr=elm.parentNode.getElementsByTagName("a");
  for(i=0;i<ancarr.length;i++)ancarr[i].style.display=ancarr[i].style.display=="none"?"inline":"none";
}
</script>

<ul>
<li><span onclick="foldud(this)">Mad</span><br />
<a href="">pizza</a>
<a href="">pasta</a>
</li>
</ul>
---------------------------------------
Det kan også gøres ved at definere et id på det, som skal skjules/vises:
---------------------------------------
<script type="text/javascript">
function ToggleShow(elm){
  elm=document.getElementById(elm);
  elm.style.display=elm.style.display=="none"?"inline":"none"
}
</script>

<ul>
<li>
  <span onclick="ToggleShow('mad')">Mad</span>
  <div id="mad">
    <a href="">pizza</a><br>
    <a href="">pasta</a>
  </div>
</li>
<li>
  <span onclick="ToggleShow('drikkevarer')">Drikkevarer</span>
  <div id="drikkevarer">
    <a href="">øl</a><br>
    <a href="">vin</a>
  </div>
</li>
</ul>

når jeg sætter det ind starte den med at vise mad pizza og sådan, istedet den gør det efter man har trykket?

Ja. Det skal jo lige skjules først.
Bare smid en style="display:none" på det, der skal skjules.
--------------------------------------
<script type="text/javascript">
function ToggleShow(elm){
  elm=document.getElementById(elm);
  elm.style.display=elm.style.display=="none"?"inline":"none"
}
</script>

<ul>
<li>
  <span style="display:none" onclick="ToggleShow('mad')">Mad</span>
  <div id="mad">
    <a href="">pizza</a><br>
    <a href="">pasta</a>
  </div>
</li>
<li>
  <span style="display:none" onclick="ToggleShow('drikkevarer')">Drikkevarer</span>
  <div id="drikkevarer">
    <a href="">øl</a><br>
    <a href="">vin</a>
  </div>
</li>
</ul>

når jeg sætter det nye ind viser den stadig dem under, og fx mad forsvinder så man ikke kan gøre noget....nu virker det overhovdet ik ....? kan ik lige afprøve det

Ja, det er så kun linkene, der skal have display: none;
<li>
  <span onclick="ToggleShow('mad')">Mad</span>
  <div style="display:none" id="mad">
    <a href="">pizza</a><br>
    <a href="">pasta</a>
  </div>
</li>

tak hells :)

hvordan giver man point?

sig de og du for dem i morgen

de?

Ja, det skulle self. på div og ikke på span.