Har en checkbox där jag vill kunna visa rspektive dölja en tabell som ligger i en span tag.
<input name="chkSchedule" type="checkbox" id="chkSchedule" value="1" onClick="showSchedule();" onChange="showSchedule();">

Hur gör jag?

<code>
<span id="Schedule" style="visibility: hidden";>
<table width="196" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="32">Strict</td>
<td width="20"><input name="chkStrict" type="checkbox" id="chkStrict" value="S"></td>
<td width="30">Free</td>
<td width="39"><input name="chkFree" type="checkbox" id="chkFree" value="F"></td>
<td width="61">&nbsp;</td>
<td width="14">&nbsp;</td>
</tr>
</table
</span>
</code>


<code>
function showSchedule(){
if (Schedule.style.visibility='hidden'){
Schedule.style.visibility='visible';
//alert("synlig");
}
else if (Schedule.style.visibility='visible'){
Schedule.style.visibility='hidden';
//alert("osynlig");
}
}
</code>

function showSchedule() {
  var element = document.getElementById("Schedule");
  if (element.style.visibility == "hidden") {
    element.style.visibility = "visible";
  } else {
    element.style.visibility = "hidden";
  }
}

Ok, tackar. Men då jag visar tabellen så kan jag klicka var som helst på sidan så döljs tabellen, varför?

varför har du både: onClick="showSchedule() och onChange="showSchedule();??? räcker det inte med ena???

Kanske är där felet liger??

> Men då jag visar tabellen så kan jag klicka var som helst på sidan så döljs tabellen, varför?

Därför att du har både onclick och onchange. Eventet onclick körs när du klickar i rutan, och onchange körs när den förlorar fokus.

Du kan använda checkboxens status för att sätta visibility:

function showSchedule() {
   document.getElementById("Schedule").style.visibility = this.checked ? 'visible' : 'hidden';
}

Ni har så rätt, tackar