Cargar Divs de manera alterna

[jordi45]

Tengo varios divs con varios textos a cargar según pinchen la bandera de un país u otro.
De primera sólo quiero que se cargue el <div id="españa">Texto</div> sin necesidad de dar onclick y los otros se mantengan ocultos, pero lo que no sé es que una vez pinchado onclick una bandera se cierre el div anterior de otra bandera (sin necesidad de hacer dos clicks para abrir y cerrar el texto del div anterior) y se cargue el pinchado.

[_cronos2]

Usa display block y none.
Saludos (:

[Adler]

Hola

Este tema ha sido tratados cientos de veces. Usa el buscador

Suerte

[jordi45]

Hola ya lo tengo el problema es que al cargar la página se cargan todos los divs a la vez.

function capa1(){
document.getElementById('capa1').style.display = 'block';
document.getElementById('capa2').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
}
function capa2(){
document.getElementById('capa2').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
}
function capa3(){
document.getElementById('capa3').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa2').style.display = 'none';
}

Se cargan las tres capas, luego funciona.

[jordi45]

He puesto esto y funciona en el css

<style >
#capa2{
display: none;}
#capa3{
display: none;}
</style>

[_cronos2]

También podrías hacerlo por javascript:

Código Javascript:

window.onload = capa1();
//o también
window.onload = function(){
 document.getElementById('capa1').style.display = 'block';
 document.getElementById('capa2').style.display = 'none';
 document.getElementById('capa3').style.display = 'none';
}
 

Saludos (: