Um botão que faz duas funções com JavaScript!

Lincoln Faustino · May 4, 2015

O que eu quero fazer é simples!

e quero aplicar em varias, partes no meu site, quero que ao clicar por exemplo um botão, uma função JavaScript manipula meu CSS, de display none para display block, até ai eu consegui fazer, mas não tenho muita experiência com Js , e eu quero que quando o botão for clicado uma segunda vez, ele volta para display none.

eu fiz um exemplo do codigo!

<!DOCTYPE html>

<html>

<head>

<title>JavaScript</title>

</head>

<body>

<h1>O que o homem da neve disse para o outro?</h1>

<h4 id="titulo4"><span>Resposta:</span> Tem gosto de cenoura!</h4>

</div>

</body>

</html>

function revela() {

document.getElementById("titulo4").style.display="block";

}

no caso acima h4#titulo4 esta com display none, e quando eu clico no botão ele passa a ter display block, o que eu quero fazer agora é que quando eu clicar uma segunda vez no botão, ele volta a ser display none.

desde já agradeço!

Edited May 4, 2015 by Lincoln Faustino

wootzor · May 4, 2015

Experimenta assim:

var visivel = false;

function revela() {
    if (visivel) {
        document.getElementById("titulo4").style.display = "none";
        visivel = false;
    } 
    else {
        document.getElementById("titulo4").style.display = "block";
        visivel = true;
    }
}

Lincoln Faustino · May 4, 2015

Muito Obrigado!

Acho que vou investir em um curso de JavaScript :D !

Sign In

Um botão que faz duas funções com JavaScript!

Question

Lincoln Faustino

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

wootzor

Link to comment

Share on other sites

Lincoln Faustino

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity