Cambiar visibility o display en un botón

[Rublo]

Buenas.

Tengo dos divs con sus respectivos id1 e id2 y necesito que en el siguiente botón me muestre el id1 y oculte el id2:

<input type="button" onclick="" name="nombre" value="Cambiar">

He probado varias cosas y ninguna me va. ¿Qué tendría que poner en el onclick?

[all-ill]

Una manera de hacerlo sería usar:

Código Javascript:

document.getElementById('id1').style.visibility='visible';document.getElementById('id2').style.visibility='hidden';
 

[Rublo]

¿Y con display habría alguna forma?

[all-ill]

Código Javascript:

document.getElementById('id1').style.display='';document.getElementById('id2').style.display='none';
 

[_cronos2]

Pero eso sólo te vale para que se oculte id2 y se muestre id1, si necesitas que vaya alternando ya es un poco más complejo.
Saludos (:

[Rublo]

Iniciado por _cronos2

Pero eso sólo te vale para que se oculte id2 y se muestre id1, si necesitas que vaya alternando ya es un poco más complejo.
Saludos (:

En realidad es justo eso lo que necesito, ir alternando pero supongo que con if delante bastará.

[_cronos2]

Código Javascript:

function cambia(a, b){
 var id1 = document.getElementById(a);
 var id2 = document.getElementById(b);
 if(id1.style.display=='block'){
  id1.style.display = 'none';
  id2.style.display = 'block';
 }else{
  id1.style.display = 'block';
  id2.style.display = 'none';  
 }
}
//o más simple
function cambia(a, b){
 var id1 = document.getElementById(a);
 var id2 = document.getElementById(b);
 id1.style.display = (id1.style.display == 'block') ? 'none' : 'block';
 id2.style.display = (id1.style.display == 'block') ? 'none' : 'block';
}
 

Código HTML:

<input type='button' value='Ver / No ver' onclick='cambia("id1", "id2");' />
<div id='id1' style='display:block;'>1</div>
<div id='id2' style='display:none;'>2</div>
 

Saludos (:

[Rublo]

Muchas gracias.

Ahora una cosa que no me funciona y es que no consigo que ambos divs aparezcan justo en el mismo sitio. Lo estoy haciendo en un artículo de Joomla y si le indico la posición absolute con top y left, el segundo de los divs aparace arriba de la página, no en el espacio del artículo.

[emprear]

Rublo:
Mira algunos ejemplos en http://foros.emprear.com/mostrarcapas/
y analiza el código fuente, quizás te sean de ayuda

Saludos