Ciao a tutti!

Ho un problema con uno script che dovrebbe modificare l'altezza di un div che funge da contenitore:
In pratica ho uno span a scomparsa che si occupa di mostrare o nascondere del contenuto in base ad una selezione fatta su una checkbox. E fin qui tutto bene, ma quando provo a modificare la dimensione del div che contiene lo span per allungarlo non succede assolutamente nulla.
Il codice dello script è questo:

codice:
function toggleShow(val){ 
   var h = document.getElementById('reg').offsetHeight; 
   if(val == 1){

      document.getElementById('visual').style.display = 'block'; 
      if(h < 800) document.getElementById('reg').style.height = h + 200; 
   } 
   else{ 
      document.getElementById('visual').style.display = 'none'; if(h>600)
      document.getElementById('reg').style.height = h - 200; } 
}
Mentre questo è dove chiamo la funzione:

codice:
<span id="tesserato"> 
<p id="iscrtitle">Tesseramento:</p> 
<input type="radio" name="tesserato" id="tessi" value="1" onclick="toggleShow(this.checked)" /> 
<label for="tessi">Tesserato</label>
<input type="radio" name="tesserato" id="tesno" value="0" onclick="toggleShow(!this.checked)" checked /> 
<label for="tesno">Non Tesserato</label> 
</span>
Qualcuno mi aiuta a capire perché l'altezza non viene modificata?
Devo modificarla da 600 a 800 e viceversa