JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
</div>
<button type="button" id="toggler">Click to change screens</button>
<div class="history">
</div>

JavaScript

var loadScreen1 = function(){
    $(".content").html("<p>Screen 1</p>");
//uncomment the following to "fix"
//    $("#toggler").unbind('click');
    $("#toggler").click(toggleScreen);
    $(".history").append(" -1- ");
}

var loadScreen2 = function(){
    $(".content").html("<p>Screen 2</p>");
//uncomment the following to "fix"
//    $("#toggler").unbind('click');
    $("#toggler").click(toggleScreen);
    $(".history").append(" -2- ");
}

var currentScreen = 1;

var toggleScreen = function(){
    if (currentScreen == 1){
        loadScreen2();
        currentScreen = 2;
    } else {
        loadScreen1();
        currentScreen = 1;
    }
}

loadScreen1();