JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<input id="button1" type="button" value="button1" />

<div id="div1">Div1</div>
<div id="div2">Div2</div>
<br /><br /><br />
<input id="button2" type="button" value="button2" />
<div id="div3">Div3</div>
<div id="div4">Div4</div>

CSS

div { height: 100px; width: 200px; }
#div2, #div4 { display: none; }

JavaScript

$("#button1").click( function() {
    if ($("#div1").css('display') == 'block') {
        $("#div1").hide();
        $("#div2").show();        
    }
    else {
        $("#div2").hide();
        $("#div1").show();                
    }
});

$("#div3").trigger('cssClassChanged');
$("#div4").bind('cssClassChanged', "", function(){ 
        alert(''); 
});