Onde está o erro?

[Leandro Vieira Pinho 0]

Olá a todos!

 

Tenho um checkbox e preciso que quando o usuário clicar nele mostre um texto dentro de uma div e esconde o outro, e ao clicar novamente, esconda o que foi mostrado e exiba novamente o original.

 

Estou fazendo assim:

 

function ExibirEmail() {

if (document.getElementById('concordo_exibir_email').style.display="none") {

    document.getElementById('concordo_exibir_email').style.display="block";

    document.getElementById('nao_concordo_exibir_email').style.display="none";

} else {

  document.getElementById('concordo_exibir_email').style.display="none";

    document.getElementById('nao_concordo_exibir_email').style.display="block";

}

}

Onde 'concordo_exibir_email', está o texto que quando o usuário clicar irá aparecer e quando clicar novamente sumir.

 

Apliquei a função em um checkbox.

[marcinhha 0]

e você tah com algum problema? heheboiei... :P

[Leandro Vieira Pinho 0]

e você tah com algum problema? hehe

 

boiei... :P

<{POST_SNAPBACK}>

hehehe acho que eu que boiei

 

mas o que acontece o seguinte.

 

quando clico no checkbox o que a div concordo_exibir_email aparece legal e a div nao_concordo_exibir_email some.

 

Mas ao clicar novamente eu precisaria que a div nao_concordo_exibir_email aparecesse a e a div concordo_exibir_email sumisse, e isto não está ocorrendo.

[marcinhha 0]

agoooora você me disse seu problema ahah :D

 

pq você não usa o 'visibility'?

 

tipo:

 

<div style="visibility:hidden" id="div1"> escondido </div><div style="visibility:visible" id="div2"> visível </div>

pra mudar é assim:

 

document.getElementById("div1").style.visibility = 'visible';document.getElementById("div2").style.visibility = 'hidden';

 

deu?

[Leandro Vieira Pinho 0]

Oi, funciona da mesma forma que o meu funciona acima.Mas como o espaço é muito curto precisa ser o display mesmo, para quando um aparecer o outro sumir.E o problema que estou tendo é como relatei acima.