Vis/skjul dele af en form

Jeg har følgende lille function som i en form skal vise/skjule 2 elementer afhængig af 2 checkboxe:

function scversion(scver) {
  if (scver == \"0\") {
    document.all.sc3box.style.visibility=\"hidden\";
    document.all.sc4box.style.visibility=\"hidden\";
  }
  if (scver == \"3\") {
    if (document.posting.sc3.value == \"ON\")
      document.all.sc3box.style.visibility=\"visible\"
    if (document.posting.sc3.value !== \"ON\")
      document.all.sc3box.style.visibility=\"hidden\"
  }
  if (scver == \"4\") {
    if (document.posting.sc4.value == \"ON\")
      document.all.sc4box.style.visibility=\"visible\"
    if (document.posting.sc4.value !== \"ON\")
      document.all.sc4box.style.visibility=\"hidden\"
  }
}

Ved første click for checkboxen bliver krydset af virker det godt nok og den relevante box vises. Det jeg ikke kan få til at virke er hvis jeg fjerner krydset igen ved et nyt click. Så skjule den relevante box ikke igen.

Her er koden fra form-siden:

SC Version 3<input type=\"checkbox\" value=\"ON\" name=\"sc3\" onclick=\"scversion(3);\">
4 <input type=\"checkbox\" value=\"ON\" name=\"sc4\" onclick=\"scversion(4);\">
  <div id=\"sc3box\"><p>SP1<input type=\"checkbox\" name=\"sp1\" value=\"ON\"> SP6<input
  type=\"checkbox\" name=\"sp6\" value=\"ON\"> SP7<input type=\"checkbox\" name=\"sp7\" value=\"ON\">
  </div> 
  <div id=\"sc4box\">4.0.0<input type=\"checkbox\" name=\"4.0.0\" value=\"ON\"> 4.0.1<input
  type=\"checkbox\" name=\"4.0.1\" value=\"ON\"> 4.0.7<input type=\"checkbox\" name=\"4.0.7\"
  value=\"ON\">
  </div>
<Script Language=\"JavaScript\">
scversion(0);
</script>