køre 2 funktioner

Jeg har en html koder der ser sådan her ud

<div id="mov1" style="display: block;visibility: visible;">
    Teaser, <a onclick="checkBox(1);">fold ud</a>
</div>
<div id="movout1" style="display: none;visibility: hidden;">
    Hele indholdet, <a onclick="reset();">Fold ind igen</a>
</div>

<div id="mov2" style="display: block;visibility: visible;">
    Teaser, <a onclick="checkBox(2);">fold ud</a>
</div>
<div id="movout2" style="display: none;visibility: hidden;">
    Hele indholdet, <a onclick="reset();">Fold ind igen</a>
</div>
(alt 10 stk)

Min javascript ser sådan ud...

<script type="text/javascript">
<!--
  function reset() {
      for (var number = 1; number <= 10; number++) {
          var elm = document.getElementById("movout" + number);
          elm.style.visibility = "hidden";
          elm.style.display = "none";
          var elm = document.getElementById("mov" + number);
          elm.style.visibility = "visible";
          elm.style.display = "block";
      }
  }
  function checkBox(number) {
      var elm = document.getElementById("movout" + number);
      elm.style.visibility = "visible";
      elm.style.display = "block";
      var elm = document.getElementById("mov" + number);
      elm.style.visibility = "hidden";
      elm.style.display = "none";
    }

//-->
</script>


Det virker fint til at folde ud og lukke alle med... men jeg vil gerne at man kun kan have én foldet ud af gangen... jeg forestiller mig at køre reset() inden checkBox(number)... men jeg har prøvet at indsætte reset(); som første linie i checkBox(number), men det gør bare at der intet sker...

Kom med et bud...?