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

Lincoln Faustino · Maio 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!

Editado Maio 4, 2015 por Lincoln Faustino

wootzor · Maio 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 · Maio 4, 2015

Muito Obrigado!

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

Entrar

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

Pergunta

Lincoln Faustino

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

wootzor

Link para o comentário

Compartilhar em outros sites

Lincoln Faustino

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades