formulario que muestre los campos ocultos mediante un input type text

[Alexis88]

Aplica el evento change en la caja de texto, de manera que cuando cambie, verificarás si la extensión del valor de la misma es mayor a cero, es decir, si hay texto. El resto te elementos te sugiero agruparlos en un bloque, de tal modo que cuando compruebes si hay o no texto en la caja, ocultas o muestras al grupo contenido.

Código HTML:

<input type = "text" onchange = "cambio(this.value)" />
<div id = "grupo">
    <!-- Aquí deben de ir los elementos -->
</div>
 

Código Javascript:

function cambio(valor){
    var grupo = document.getElementById("grupo");
 
    if (valor.length){ //Si hay contenido en la caja de texto
        grupo.style.display = "block"; //Muestro al grupo de elementos
    }
    else{ //Caso contrario
        grupo.style.display = "none"; //Oculto al grupo de elementos
    }
}
 

Saludos