https://freelogohelper.com/js/wizard.js

1//var activeTab;
2$(document).ready(function () {
3    //Initialize tooltips
4    $('.nav-tabs > li a[title]').tooltip();
5
6    //Wizard
7    $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
8
9        var $target = $(e.target);
10        //activeTab = $target;
11        //togglePreview();
12        if ($target.parent().hasClass('disabled')) {
13            return false;
14        }
15    });
16
17    /*$('a[data-toggle="tab"]').on('shown', function (e) {
18        activeTab = e.target;
19        togglePreview();
20    })*/
21    //$('a[data-toggle="tab"]').on('click', function (e) {
22
23    //    togglePreview();
24    //});
25
26    $(".next-step").click(function (e) {
27
28        //var $active = $('.wizard .nav-tabs li.active');
29        //$active.next().removeClass('disabled');
30        //nextTab($active);
31
32    });
33    $(".prev-step").click(function (e) {
34
35        var $active = $('.wizard .nav-tabs li.active');
36        prevTab($active);
37
38    });
39    /*if (WizardStep === "step1") {
40        activeTab = $("#aTab1");
41        togglePreview();
42    }*/
43 
44
45});
46
47
48function nextTab(elem) {
49    $(elem).next().find('a[data-toggle="tab"]').click();
50}
51function prevTab(elem) {
52    $(elem).prev().find('a[data-toggle="tab"]').click();
53}
54/*
55function togglePreview() {
56    if (activeTab.prop("id") === "aTab1") {
57        $("#preview-panel").hide();
58    } else {
59        $("#preview-panel").show();
60        $("#preview-panel > div.container-image").hide();
61        $(".preview-container").show();
62        var outputText = $('#step-output > div.logo-text > span.logo-header');
63        var outputIcon = $('#step-output > div.logo-text > span.icon-output');
64        var outputBack = $('#step-output > div.logo-text > div.back-output');
65        if (activeTab.prop("id") === "aTab2")
66        {
67            outputText.show();
68            outputIcon.hide();
69            outputBack.hide();
70            $('#step-output').css('background', "transparent"); 
71
72        }
73        if (activeTab.prop("id") === "aTab3")
74        {
75            outputText.hide();
76            outputIcon.show();
77            outputBack.hide();
78            $('#step-output').css('background', "transparent"); 
79
80        }
81        if (activeTab.prop("id") === "aTab4") {
82            outputText.hide();
83            outputIcon.hide();
84            outputBack.show();
85        }
86
87        if (activeTab.prop("id") === "aTab5") {
88            $(".preview-container").hide();
89        }
90    }
91}*/