Considere o seguinte código, que faz uso de Javascript e CSS:
<html>
<head>
<script>
function funcao1() {
document.getElementById("div1").style.display="none";
document.getElementById("div3").style.visibility="visible";
}
function funcao2() {
document.getElementById("div2").style.visibility="hidden";
}
function funcao3() {
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.visibility="visible";
}
</script>
</head>
<body>
<div id="div1" style="display: block;"><b>Clique nos botões abaixo, começando pelo último:</b><br>
<input type="button" onclick="funcao1()" value="B1">
</div>
<div id="div2" style="visibility: visible;">Continue clicando… <BR>
<input type="button" onclick="funcao2()" value="B2">
</div>
<div id="div3" style="visibility: hidden;">Subindo...<br>
<input type="button" onclick="funcao3()" value="B3">
</div>
</body>
</html>
Sobre o comportamento deste código, é correto afirmar :
