Visa elementen efterhand

Vill skapa en funktion där som visar elementen efter hand. Det vill säga när man tex skrivit in sitt namn så dyker det upp en ruta nedanför där man skriver in sin e-post och så vidare. Men jag får inte riktigt rätt på det, lite jobbigt att vara nybörjare ibland! Jag har försökt att börja med att dölja alla element som jag vill ha dolda från början, men redan här har jag lite problem... :(

<p id="Name">
  Namn
  <input type="text" id="name" size="24">
</p>

<p id="Email">
  Epost
  <input type="text" id="email" size="24">
</p>

var Email = document.getElementsByTagName("p");
  for(var i = 0; i < yourEmail.length; i++)
  { 
    if(Email[i].id == "Email")
    {
      your[i].parentNode.getElementsByTagName("p")[0].style.display = 'none';
    }  
  }
	  
var name = document.getElementsByTagName("input");
  for(var i = 0; i < Name.length; i++)
  { 
    if(name[i].id == "name")
    {
      name[i].onsubmit = check;
     }  
   }
	  
function check()
{
  var nextElement = next(this);
  if(document.name.value!="")
  {
    nextElement.style.display = 'block';
  }
  else 
  {
    nextElement.style.display = 'none'; 
  }
}
	  
function next(elem) 
{
  do 
  {
    elem = elem.nextSibling;
  }
  while (elem && elem.nodeType != 1);
  return elem;               
}