여러 부분 양식 - jQuery를

Question

I 자동 생성 여러 부분으로 양식에 좋은 플러그인 것으로 알고 있습니다

하지만 내 요구 사항은 매우 간단하고 기본적인 :

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