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>
<meta charset="utf-8"/>
<title>JavaScript</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
<script type="text/javascript" src="funcao.js"></script>
</head>
<body>
<div id="interface">
<h1>O que o homem da neve disse para o outro?</h1>
<h4 id="titulo4"><span>Resposta:</span> Tem gosto de cenoura!</h4>
<input type="button" id="btn" name="botao" value="Resposta" onclick="revela()" />
</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!