Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Laryssa Rocha

[Resolvido] Esconder div e mostrar outras 3

Recommended Posts

Seguinte... Tô tentando fazer um código sem firulas pra, na hora em que eu clicar no link, ele chamar uma função que mostre apenas uma div e esconda as outras três. Eu tentei fazer assim, mas não deu nada :(

 

function mostrarCamada1 () {

camada1 = document.getElementById('c1');
camada2 = document.getElementById('c2');
camada3 = document.getElementById('c3');
camada4 = document.getElementById('c4');

camada1.style.visibility=='visible';
camada2.style.visibility=='hidden';
camada3.style.visibility=='hidden';
camada4.style.visibility=='hidden';
}

function mostrarCamada2 () {

camada1 = document.getElementById('c1');
camada2 = document.getElementById('c2');
camada3 = document.getElementById('c3');
camada4 = document.getElementById('c4');

camada1.style.visibility=='hidden';
camada2.style.visibility=='visible';
camada3.style.visibility=='hidden';
camada4.style.visibility=='hidden';

}

function mostrarCamada3 () {

camada1 = document.getElementById('c1');
camada2 = document.getElementById('c2');
camada3 = document.getElementById('c3');
camada4 = document.getElementById('c4');

camada1.style.visibility=='hidden';
camada2.style.visibility=='hidden';
camada3.style.visibility=='visible';
camada4.style.visibility=='hidden';

}

function mostrarCamada4 () {

camada1 = document.getElementById('c1');
camada2 = document.getElementById('c2');
camada3 = document.getElementById('c3');
camada4 = document.getElementById('c4');

camada1.style.visibility=='hidden';
camada2.style.visibility=='hidden';
camada3.style.visibility=='hidden';
camada4.style.visibility=='visible';
}

alguma sugestão/luz?

 

Grata! :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

para atribuição, use apenas 1 sinal de igual:

camada1.style.visibility='visible';

se você quer algo 'simples mesmo', não complique, em vez de:

camada1 = ;
..

camada1.style.visibility='visible';
faça logo:

document.getElementById('c1').style.visibility='visible';

dava para fazer isso de uma forma mais prática.. tem exemplos aqui no fórum..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.