Add/Remove Step Wizard

HTML

JS

$(document).ready(function() {
    $('#rootwizard').bootstrapWizard();

    // Disable step
    $('#disable-step').on('click', function() {
        $('#rootwizard').bootstrapWizard('disable', $('#stepid').val());
    });

    // Enable step
    $('#enable-step').on('click', function() {
        $('#rootwizard').bootstrapWizard('enable', $('#stepid').val());
    });

    // Remove step
    $('#remove-step').on('click', function() {
        $('#rootwizard').bootstrapWizard('remove', $('#stepid').val(), true);
    });

    // Show step
    $('#show-step').on('click', function() {
        $('#rootwizard').bootstrapWizard('display', $('#stepid').val());
    });

    // Hide step
    $('#hide-step').on('click', function() {
        $('#rootwizard').bootstrapWizard('hide', $('#stepid').val());
    });
});