Problemer med checkboxs ændring af visibility

Hej Eksperter! Jeg sidder og kløjs lidt i denne kode, meningen er at når man afkrydser checkbox, at man har accepteret reglerne skal mine input bokse komme til syne, dog kan jeg ikke helt få det til at virke :-)

Nogen der har forslag?
På forhånd mange tak!


<table border="0" width="100%">
<form method="post" action="2.php">
<tr>
  <td class="input_default">
    <table border="0" width="100%" cellpadding="0" cellspacing="0"><b>Information:</b><br>Ved
      tilmelding til sitet, acceptere du samtidig vores regelsæt.
      Følges regelsættet ikke, vil dette medføre sletning af din bruger.<br>Jeg har læst og accepteret reglerne angående brug af spillet.
    <input type="checkbox" style="width: 16; height: 16" onclick="$('forms').style.display = this.checked ? '' : 'none';" value="ON" />
    </table>
  </td>
</tr>
  <tr>
    <td width="45%" valign="top">
    <div id="forms" style="visibility:hidden">
      <table border="0" width="100%">
        <tr>
          <td width="12%" class="text_default">Navn1:</td>
          <td width="88%"><input type="text" name="navn1" size="36" class="input_default"></td>
        </tr>
        <tr>
          <td width="12%" class="text_default">Navn2:</td>
          <td width="88%"><input type="text" name="navn2" size="36" class="input_default"></td>
        </tr>
        <tr>
          <td width="12%" class="text_default">Kodeord:</td>
          <td width="88%"><input type="password" name="kodeord" size="36" class="input_default"></td>
        </tr>
        <tr>
          <td width="12%" class="text_default">Email:</td>
          <td width="88%"><input type="text" name="email" size="36" class="input_default"></td>
        </tr>
        <tr>
          <td width="100%" colspan="2"><input type="image" class="button_submit" src="gfx/buttons/submit.gif"></td>
        </tr>
      </table>
    </div>
    </td>
  </tr>
</table>
</form>