JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<fieldset class="step step1">
fields1 ...
<button class="continue">Continue</button>
</fieldset>
<fieldset class="step step2">
fields2 ...
<button class="back">Back</button>
<button class="continue">Continue</button>
</fieldset>
<fieldset class="step step3">
fields3 ...
<button class="back">Back</button>
<button class="submit">Submit</button>
</fieldset>
</form>
JavaScript
$('.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;
})