Liberar Form antes de abrir outro

[Mônica Fernandes 0]

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>