Mostrar combo al desactivar checkbox

[sjj]

Hola. Estoy intentando hacer un formulario el cual cuenta con un checkbox que viene activado por defecto. En caso de que el usuario lo desactive debe desplegarse un menú select. Lo he armado y funciona bastante bien, el tema de mostrar ocultar pero tiene un solo problema. Al cargar la página inicialmente el checkbox viene activado y el combo también se muestra. Una vez que uno lo desactiva una vez ya comienza a funcionar correctamente y lo muestra solo en caso de que esté activado. Yo necesito que al iniciar la página el campo venga activado, como hasta ahora, pero que no muestre el select. Este es el código que tengo:

Código HTML:

<script>
function deshabilita()
{
    if(document.getElementById('devolucion').checked)
    {
        document.getElementById('zonadev').hidden=true;
    }
    else
    {
        document.getElementById('zonadev').hidden=false;
    }
}
</script>
<form action="graba.php" method="post" name="form1" id="form1">
	
     </p>
      <p class="Estilo42">Zona
        <select name="zona" onchange="slctryole(this,this.form.select2)">
            <option></option>
            <option value="Chaco">Chaco</option>
            <option value="Chubut">Chubut</option>
            <option value="Cordoba">C&oacute;rdoba</option>
            <option value="Corrientes">Corrientes</option>
          </select>
          <select name="zona2" onchange="slctryole(this,this.form.select3)">
            <option></option>
          </select>
      </p>
      <p class="Estilo43"><input name="devolucion" type="checkbox" id="devolucion" onclick="deshabilita()" checked="checked">

Devolver el auto en el mismo lugar <br/>
<select name="zonadev" id="zonadev">             
             <option value="Chaco">Chaco</option>
            <option value="Chubut">Chubut</option>
            <option value="Cordoba">C&oacute;rdoba</option>
            <option value="Corrientes">Corrientes</option></select>
</form> 

¿Alguien ve qué estoy haciendo mal? Muchas gracias.