Liberar Form antes de abrir outro

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>*
*
 
*