Skjule og vise tekst i indholdsfortegnelse

<span id="n1" onmouseover="document.getElementById("n10").style.display = 'inline'">1. Niveau 1</span><br>
<span id="n10" style="display: none;">
<span id="n11">&nbsp;&nbsp;&nbsp;1.1 Niveau 2</span>
<span id="n12">&nbsp;&nbsp;&nbsp;1.2 Niveau 2</span>
</span>

Hej rune c >> Tak, det virker som det skal bortset fra en lille kodefejl: ('n10') altså enkelt apostrof.
Du har fortjent point.

en lille udbygning

<html>

<head>
</head>

<body>

<span id="n1" onmouseover="nover('n10')" onmouseout="nout('n10')">1. Niveau 1</span><br>
<span id="n10" style="display: none;" onmouseover="cltm()" onmouseout="nout('n10')">
<span id="n11">&nbsp;&nbsp;&nbsp;1.1 Niveau 2</span><br>
<span id="n12">&nbsp;&nbsp;&nbsp;1.2 Niveau 2</span><br>
</span>
<span id="n2" onmouseover="nover('n20')" onmouseout="nout('n20')">2. Niveau 2</span><br>
<span id="n20" style="display: none;" onmouseover="cltm()" onmouseout="nout('n20')">
<span id="n21">&nbsp;&nbsp;&nbsp;2.1 Niveau 2</span><br>
<span id="n22">&nbsp;&nbsp;&nbsp;2.2 Niveau 2</span>
</span>

<script language=JScript>

var tm;

function nover(obj) {
  document.getElementById(obj).style.display = "inline";
}

function nrm(obj) {
  document.getElementById(obj).style.display = "none";
}

function nout(obj) {
  tm = setTimeout("nrm('"+obj+"')", 2000)
}

function cltm() {
  clearTimeout(tm);
}

</script>

</body>
</html>

Tak for inspirationen. Her er hvad det endte med:

<SCRIPT TYPE="text/JavaScript">
function flopSpan(folImg,obj) {
elm = document.getElementById? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
css = bw.ns4?elm:elm.style;

if (css.display == 'inline') {
      css.display = 'none';
      folImg.src= "folclo.gif"
    }
else {
    css.display = 'inline';
    folImg.src= "folopen.gif"
    }
}

</SCRIPT>

<IMG SRC="folclo.gif" onClick="flopSpan(this,'n10')"> 1. Niveau 1
<span id="n10" style="display: none;">
.....