Form multistep
Add .step and .btn-prev .btn-next on each div and plugin $('form').steps()
Animation multistep
Combine class .step with an animation class for example .fadeInUp
Customize validation
Add class on form .need-validate and .field-validate.
For more customize click-here.
Conditionnal step
Use data-field and data-value on conditionnal step in relation to previous step.
For example, if email is test@test.com, the step with the city field will be show.
Integration plugin
Remove .btn-next on last step on submit button if you want to send data form
$('form').steps({
onChange: function (index, total) {
console.log('Step: ' + (index + 1) + ' / ' + total);
},
onSubmit: function (data) {
console.log(data);
}
});