In una form al click di 1 checkbox vengono visualizzate ulteriori opzioni.

Il problema: quando clicco la checkbox, questa non resta cliccata:

codice:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function ExpandDisp(id) 
{ 
     var style; 
     if (arguments.length != 1) 
     throw new Error("function ExpandDisp() incorrectly called"); 
     style = document.getElementById(id).style; 
     style.display = ((style.display == "none") ? "block" : "none" ); 
     return false; 
}
</script>
</head>
<body>
  <form name="form1" method="post" action="">
    <input name="checkbox" type="checkbox" value="ulteriori_opzioni" onClick="return ExpandDisp('Layer2');">
ulteriori opzioni
  <div id="Layer2" style="display:none;">
    <TABLE border="0" cellpadding="3" cellspacing="1" width="510" bgcolor="D1D3D4">
      <TR bgcolor="#99CCCC">
        <TD valign=top><input name="textfield1" type="text" value="opzione1"></TD>
        </TR>
    </TABLE>
    

  </div>
  <div id="Layer3">
    <TABLE border="0" cellpadding="3" cellspacing="1" width="510" bgcolor="D1D3D4">
      <TR bgcolor="#99CCCC">
        <TD valign=top><input name="textfield2" type="text" value="opzione2"></TD>
      </TR>
    </TABLE>
  </div>
  </form>
</body>
</html>
Qualche consiglio dove sbaglio?

Grazie