Glidende overgang i en 3-steps signup form

Haaber der er nogle eksperter, der ved hvordan man laver en "on site" fade effekt af en signup form.

Min signup process bestaar af 3 simple steps:

1. Klik "Registrer"
2. Udfyld info
3. Bekraeftelse

Eksempelvis ligesom den nedenstaaende form:


<p>Tekst paa siden her.</p>
<!-- Signup side  1 -->
<div id="skal_fade_signup_steps" style="width:250px">
  <p>Random tekst om step 1</p>
<form id="form1" name="form1" method="post" action="step2.php">
  <input type="submit" name="Submit" id="Submit" value="Register" />
</form>
<!-- Signup fader til side 2 -->
<p>Random tekst om step 2</p>
<form id="form1" name="form1" method="post" action="step3.php">
  <p>
    <input type="text" name="textfield" id="textfield" />
  </p>
  <p>
    <input type="text" name="textfield2" id="textfield2" />
  </p>
  <p>
    <input type="submit" name="Submit2" id="Submit2" value="Nesxt" />
  </p>
</form>

<!-- Signup fader til side 3 -->
<p>Bekraeftelse</p>
</div>


Bliver man noedt til at goere dette med Iframes, eller findes der en bedre metode?

Paa forhaand mange tak for hjaelpen!