skjule og vise en form ved link

Vi hiver fat i noget javascript igen ;o)

<html>
<head>
<script language="JavaScript">
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function getLayerStyle( lyr ){
if( ns ){
return document.layers[lyr];
} else if( ie ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}

function ShowHide(layer){
newlayer = getLayerStyle(layer)
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
}
}
</script>
</head>
<body>

<a href="java script:ShowHide('mitlayer1')">Vis Form</a>
<div name="mitlayer1" id="mitlayer1" style="visibility: hidden">
<input type="text" value="Hej">
<input type="button" value="ok">
</div>

</body>
</html>

I head :

<script>
mode = 0 ;

function visskjul() {
  if (mode == 0) {
    document.getElementById('formen').style.display = 'block' ;
    mode = 1 ;
  } else {
    document.getElementById('formen').style.display = 'none' ;
    mode = 0 ;
  }
}
</script>

Dit link

<a href="#" onclick="visskjul()">Vis/Skjul</a>

Og din form

<form style="display : none ;">

jeg har selv set lidt paa det men kan ikke faa det til at fungere helt
http://1q.frip.dk/lektie/default1.asp

Ups :)

<form id="formen" style="display : none ;">

leguet, proev at se overstaaende side og vis og skjul lidt imellem lektier og skriv ny lektie.. hvordan kan det vaere du nogengange skal trykke to gange ?

Det skyldes at du har to ting der skjules/vises, men kun en "mode" variabel...

Den hurtige løsning er at gøre det sådan her istedet (en mere fleksibel løsning kan sagtens laves hvis du planlægger at have flere skjulte ting i fremtiden)

<script>
mode = 0 ;

function visskjul() {
if (mode == 0) {
document.getElementById('insert').style.display = 'block' ;
mode = 1 ;
} else {
document.getElementById('insert').style.display = 'none' ;
mode = 0 ;
}
}
</script>
<script>
mode2 = 0 ;

function visskjullektier() {
if (mode2 == 0) {
document.getElementById('lektier').style.display = 'block' ;
mode2 = 1 ;
} else {
document.getElementById('lektier').style.display = 'none' ;
mode2 = 0 ;
}
}
</script>

okay synes stadig det sker ind i mellem men ok