Ocultar cajas de texto

[cruzita]

Hola !!!!!
necesito hacer un formulario con una caja de texto, cuando el usuario ingrese el texto, por medio de un boton pulsarlo y me muestre una caja mas de texto y asi hasta que sean 4, tengo este codigo pero solo me lo hace con una sola caja de texto me podrian ayudar.

Código HTML:

<script 
    type="text/javascript">
    document.write('<style>.texthidden {display:none} </style>');
</script>
<script 
type="text/Javascript">
    function expandcollapse(postid){
    whichpost=document.getElementById(postid);
    if(whichpost.className=="shown"){
    whichpost.className="texthidden"}
    else{whichpost.className="shown"
    }}
</script>
<ul 
id="nava">
<b>
<a href="javascript:void(0);" 
 
onclick="expandcollapse('contenido')">Mostrar/ocultar (Texto o imagen que hará de enlace)</a>
</b>
</ul>
<ul id="contenido" class="texthidden"> <input type="text" name="nombredelacaja"></ul>
 

[maycolalvarez]

no use document.write, use createElement, consulte sobre agregar elementos dinámicos al DOM