Mônica Fernandes

Ok. Obrigada!

Quando clico em cada botão, as informações são exibidas uma abaixo da outra. Preciso que ao clicar em cada botão, as informações do botão anterior desapareça da tela e apareça a atual na mesma posição da anterior. adicionado 3 minutos depois DIF, obrigada por responder! Você tem outro exemplo que mostre a tela sendo totalmente substituída por outra informação correspondente ao botão selecionado?

Quando clico em cada botão, as informações são exibidas uma abaixo da outra. Preciso que ao clicar em cada botão, as informações do botão anterior desapareça da tela e apareça a atual na mesma posição da anterior.

Olá! Como faço para limpar todos os dados abaixo da sequência de botões, dispostos horizontalmente, ao clicar no próximo botão? <style type="text/css">.escondida { display:none; } </style> <script type="text/javascript"> function abrir() { var main = document.getElementById("central"); var iten = main.getElementsByTagName("input"); if (iten) { for (var i=0;i<iten.length;i++) { iten.onclick = function() { var el = document.getElementById(this.id.substr(7,7)); if (el.style.display == "block") el.style.display = "none"; else el.style.display = "block"; } } } } window.onload=abrir; </script> <div id="central"><!-- Botao1 --><input id="receita1" type="button" value="Botão 1" /> <!-- Botao2 --><input id="receita2" type="button" value="Botão 2" /> <!-- Botao3 --><input id="receita3" type="button" value="Botão 3" /> <br/><br/> <div class="escondida" id="1" > <form id="formulario" method="post"> <p>imagem1</p> </form> </div> <div class="escondida" id="2" > <form id="formulario" method="post"> <p>imagem 2</p> </form> </div> <div class="escondida" id="3" > <form id="formulario" method="post" > <p>imagem 3</p> </form> </div> </div>