evt se problemet på www.qruze.dk/mat.html
Håber en kan hjælpe eller har en anden god måde at lave en sådan foldud liste på.
Hilsen Jakob
Koden kommer herunder.
Kode: Vælg alt
<style type="text/css">
td, body { font-family:Helvetica,sans-serif; font-size:16px; }
a.foldud, a.foldud:link, a.foldud:visited, a.foldud:active { font-family:Helvetica,sans-serif; font-size:16px; color:#aaa; text-decoration:none; }
a.foldud:hover { color:#000000; text-decoration:none; }
</style>
<script type="text/javascript">
//ANGIV ANTAL HOVED MENU PUNKTER
var antal=6;
var q=new Array();
document.write('<style type="text/css">');
for(i=1;i<=antal;i++) {
document.write('#m'+i+'{ display:none; }');
}
document.write('</style>');
for(i=1;i<=antal;i++) {
q[i]=0;
}
function showit(i) {
hideItAll();
if(q[i]==0) {
if(document.all) {
document.all["m"+i].style.display="block";
} else if(document.getElementById) {
document.getElementById("m"+i).style.display="block";
} else {
return;
}
for(r=1;r<=antal;r++) {
if(i==r) q[r]=1;
else q[r]=0;
}
} else {
if(document.all) {
document.all["m"+i].style.display="none";
} else if(document.getElementById) {
document.getElementById("m"+i).style.display="none";
} else {
return;
}
q[i]=0;
}
}
function hideItAll() {
for(i=1;i<=antal;i++) {
if(document.getElementById) {
document.getElementById('m'+i).style.display="none";
} else if(document.getElementById) {
document.getElementById('m'+i).style.display="none";
} else {
return;
}
}
}
</script>
<a onclick="showit('1')" href="#note" onfocus="this.blur()" class="foldud">· Tal og algebra</a><br>
<div id="m1">
<pre> <a href="MAT/Tal og bogstavregning.pdf" target="_blank" onfocus="this.blur()" class="foldud">   - Tal og bogstavregning</a></pre>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 2</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 3</a><br>
</div>
<a onclick="showit('2')" href="#m2" onfocus="this.blur()" class="foldud">· Trigonometri</a><br>
<div id="m2">
<a href="MAT/retvinklettrekant.pdf" target="_blank" onfocus="this.blur()" class="foldud">   - Retvinklet trekant</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 5</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 6</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 7</a><br>
</div>
<a onclick="showit('3')" href="#m3" onfocus="this.blur()" class="foldud">· Geometri</a><br>
<div id="m3">
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 8</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 9</a><br>
</div>
<a onclick="showit('4')" href="#m4" onfocus="this.blur()" class="foldud">· Differentialregning</a><br>
<div id="m4">
<a href="MAT/Produktregen(diff).pdf" target="_blank" onfocus="this.blur()" class="foldud">   - Produktreglen - Bevis</a><br>
<a href="MAT/Produktregen(diff)-E1.pdf" target="_blank" onfocus="this.blur()" class="foldud">   - Produktreglen - Bevis - Elevark 1</a> <br>
<a href="MAT/Produktregen(diff)-E2.pdf" target="_blank" onfocus="this.blur()" class="foldud">   - Produktreglen - Bevis - Elevark 2</a><br>
</div>
<a onclick="showit('5')" href="#m5" onfocus="this.blur()" class="foldud">· Integralregning</a><br>
<div id="m5">
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 13</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 14</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 15</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 16</a><br>
</div>
<a onclick="showit('6')" href="#m6" onfocus="this.blur()" class="foldud">· Statistik</a><br>
<div id="m6">
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 18</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 19</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 20</a><br>
<a href="dinside.htm" onfocus="this.blur()" class="foldud">- Link 21</a><br>
</div>