Mostrar capa encima de otra capa oculta

[Motki]

Me he atascado y no sé como mostrar una capa en la posición que se encuentra otra oculta:
tengo lo siguiente:

Código HTML:

<div id="div1" style="visibility: hidden">
 Aqui tengo el contenido del div 1
</div>
<div id="div2" style="visibility: hidden">
 Aqui tengo el contenido del div 2
</div> 

Tengo la siguiente funcion en javascript que me pone visible cada vez una capa.
En el caso de ser la div2 quiero además que se muestre en la posición donde esta la div1 .
div1 y div2 son capas relativas
Para ello tengo lo siguiente , pero no me funciona:

Código HTML:

function mostrarCapa(){
 f = document.form1;
 prodidSelec = f.subprod_id.value;
 switch (prodidSelec) {  
  case "1": // OTROS
   document.getElementById("div1").style.visibility="hidden";
   document.getElementById("div1").style.zIndex =100;
   document.getElementById("div2").style.visibility="visible";
   document.getElementById("div2").style.zIndex =200;
   document.getElementById("div2").style.top=10;
   break;
 
  case "3": //Voz
 } 
}

[programeitor]

Hola,

en principio no se puede mostrar una capa que esta dentro de una capa oculta, todo lo que abarca es invisible como ella.

Podrias meter las dos dentro de otra y asi poder mostrar una o ambas.

No se para que estas utilizando el z-index ,no suele ser nesesario en la mayoria de los casos y con esos valores tan altos ¿tantas capas superpuestas tienes?

salud os

[Motki]

gracias programeitor por contestar,
verás, este escrip si que me permite mostrar las capas conforme quiero, el problema es la posición.
Yo quiero que cuando se muestre la capa DIV2, ésta se encuentre al principio de la página.Actualmente se muestra despues de donde termina la DIV1.. y claro, dá la sensación de que efectivamente se está ocultando alguna cosa.
Los z-index tan altos son porque estaba probando y en teoría un zindex mayor va por delante de otro menor....

Es que no se como hacer esto....

[programeitor]

De nada,

Suponia que era una cosa asi lo del zindex, es que lo veo mucho por la red y claro, uno se pregunta.

<div id="div2" style="visibility:hidden;position:absolute;top:0;lef t:0">

Aprende un poco de CSS, es facil.

Salud os