JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<div id="test">Hello</div>
<div id="test2" style="display:none">Hello 2</div>

JavaScript

var original = jQuery.fn.toggle;
jQuery.fn.toggle = function() {
    console.log("Override method: toggle()");
    original.apply(this, arguments);
    $(this).data("visible", $(this).is(":visible"));
    return this;
};

$('div').bind("changeData", function() {
    alert("Visibility changed to: " + $.data(this, 'visible'));
});

$(document).ready(function() {
    $("#test").toggle();
    $("#test2").toggle();
});

setTimeout(function(){
    $("#test2").toggle();
},3000);