Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...