多重表單 - jQuery的

Question

據我所知，是自動生成多部分的形式偉大插件，但我的要求是非常簡單和基本的：

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> 

我想告訴只差一步使用繼續/後退按鈕一次滑動（從左到右，反之亦然）。

我很感激任何幫助。

謝謝！

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