Ir para conteúdo

POWERED BY:

Arquivado

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

vbavinicius

Evento onclick reverso!

Por , em Javascript

Recommended Posts

vbavinicius    0

vbavinicius
Postado

Fala galera,

 

Estou começando meus estudos em JS.

 

Fiz esse testezinho para um texto predefinido aparecer abaixo do título quando for clicado.

 

Até aí, deu certo.

 

Mas tentei fazer com que ao clicar novamente o texto desapareça e não funcionou.

 

Segue o código abaixo, poderiam me dar uma ajudar?

 

Desde já, obrigado!

 

 

 

 

<body>
<h1 id="titulo">JavaScript</h1>
<p id="texto">Texto</p>
<script type="text/javascript">
var textoHide = document.getElementById('texto').style.display = "none";
function showHide() {
var x = document.getElementById('titulo');
if (document.getElementById('texto').style.display == "none") {
x.onclick = function() {
document.getElementById('texto').style.display = "block";
}
}
if (document.getElementById('texto').style.display == "block") {
x.onclick = function() {
document.getElementById('texto').style.display = "none";
}
}
}
window.onload = function() {
showHide();
}
</script>
</body>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristianoolv    93

cristianoolv
Postado

Tenta assim ó

 

 

window.onload = function(){

  var el = function(id){ return document.getElementById(id); },
      textStyle = el('texto').style;
  
  textStyle.display = "none";
  
  el('titulo').onclick = function(){
      if(textStyle.display == "none"){
         textStyle.display = "block";
      }else{
         textStyle.display = "none";
      }
  }
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito