multipart Formulaire - jQuery

Question

Je comprends que les grands plugins pour les formes créant automatiquement plusieurs parties mais mon exigence est assez simple et basique:

html:

<form action=""> 
    <fieldset class="step step1"> 
     fields ... 
     <button class="continue">Continue</button> 
    </fieldset> 
    <fieldset class="step step2"> 
     fields ... 
     <button class="back">Back</button> 
     <button class="continue">Continue</button> 
    </fieldset> 
    <fieldset class="step step3"> 
     fields ... 
     <button class="back">Back</button> 
     <button class="submit">Submit</button> 
    </fieldset> 
</form> 

Je veux montrer une seule étape fieldset à la fois et faites glisser (de gauche à droite et vice versa) en utilisant les boutons continuer/retour.

J'apprécierais toute aide.

Merci!

Answer 1

$('.step1').siblings().hide(); // hide all except step 1 

$('.continue').click(function(){ 
    $(this).closest('.step').hide().next('.step').show(); 
    return false; 
}); 
$('.back').click(function(){ 
    $(this).closest('.step').hide().prev('.step').show(); 
    return false; 
}); 

simple demo