JSFiddle - React, Tailwind, and code Playground

by mayooresan

HTML

<div data-role="page">
    <div class="step1">step1 content... <a href="#" class="nextBtn">next</a>

    </div>
    <div class="step2" style="display:none">step2 content... <a href="#" class="okBtn">next2</a>

    </div>
    <div class="step3" style="display:none">step3 content... <a href="#" class="goBtn">next3</a>

    </div>
</div>

JavaScript

$(document).on('pageshow', function () {
    alert('test');
    $('.nextBtn').click(function () {
        ok = true;
        if (ok) {
            $('.step1').hide();
            $('.step2').show();
        }
    });
    $('.okBtn').click(function () {
        ok = true;
        if (ok) {
            $('.step2').hide();
            $('.step3').show();
        }
    });
});