For validation steps and form remove/hide - jquery functions.
$(document).ready(function () {
$('.next').on('click', function () {
var current = $(this).data('currentBlock'),
next = $(this).data('nextBlock');
// only validate going forward. If current group is invalid, do not go further
if (next > current)
if (false === $('#step-form'))
return;
// validation was ok. We can go on next step.
$('.block' + current)
.removeClass('show fadeInRight')
.addClass('hidden fadeOutRight');
$('.block' + next)
.removeClass('hidden fadeOutRight')
.addClass('show fadeInRight')
});
$(".validate option[value='3424'], .validate option[value='3112'], .validate option[value='2254'], .validate option[value='2064'], .validate option[value='3426'], .validate option[value='3384'], .validate option[value='3017'], .validate option[value='3196'], .validate option[value='3435'], .validate option[value='3175'], .validate option[value='3120'], .validate option[value='3018'], .validate option[value='3243'], .validate option[value='2256']").each(function() { $(this).remove(); });
}); //Very important to close the 'ready' function that everything else is wrapped in.