JSFiddle - React, Tailwind, and code Playground

by mcgrailm

HTML

<div id="page_2_2"><p> page 2_2 </p></div>
<div id="page_3_3"><p> page 3_3 </p></div>

CSS

#page_2_2 {
    display:none;
}

JavaScript

if($('#page_2_2').is(":visible")){
    /*
    $.getScript("/page1.js", function(data, textStatus, jqxhr) {
       console.log(data); //data returned
       console.log(textStatus); //success
       console.log(jqxhr.status); //200
       console.log('Load was performed.');
    });
   */
    alert('loading 2_2');
}else if($('#page_3_3').is(":visible")){
    /*
    $.getScript("/page2.js", function(data, textStatus, jqxhr) {
       console.log(data); //data returned
       console.log(textStatus); //success
       console.log(jqxhr.status); //200
       console.log('Load was performed.');
    });
    */
      alert('loading 3_3');
}else{
    alert('ohh');
    }