Show/hide med checkbox

Hej Eksperter,

Jeg har i et andet spørsgmål, fundet et script, som skjuler en ting og viser noget andet.

Den ændrede kode er her:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function showHide(fRef)
{
  if(fRef.checked)
  {
    document.getElementById("td1").style.display = "block";
    document.getElementById("td2").style.display = "none";
  }
  else
  {
    document.getElementById("td1").style.display = "none";
    document.getElementById("td2").style.display = "block";
  }
}
//-->
</SCRIPT>

<input type="Checkbox" name="chBox" value="OK" onclick="showHide(this)">
<div id="td1">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="headersearch all">
  <tr >
    <td colspan="2" align="center" bgcolor="#c8e1c7" class="headersearch"><b>KUNDEDATA</b></td>
  </tr>
 

</table>
</div>
<div id="td2" style="display:none;">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="headersearch all">
  <tr >
    <td colspan="2" align="center" bgcolor="#c8e1c7" class="headersearch"><b>RET KUNDEDATA</b></td>
  </tr>

</table>
</div>


Problemet er, at når man klikker på checkboxen første gang, sker der ikke noget. Når man klikker anden gang, og herefter virker det som det skal.

Hvad kan jeg gøre for, at den skjuler "td1" og viser "td2" første gang jeg klikker i checkboxen?

På forhånd tak.