JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

<div id="blinkMe"></div>

CSS

#blinkMe {
    height: 100px;
    width: 100px;
    background: #000;
}

JavaScript

$(function(){
    var blinker = Blinkster.getInstance();
    blinker.hide('#blinkMe');
});

var Blinkster = (function(){
    var instance;

    var constructor = function(){
        return {
            hide: function(element){
                $(element)
                .mouseenter(function(){
                    $(this).css('background','yellow'); 
                })
                .mouseleave(function(){
                    $(this).css('background','black');
                });
            }
        };
    }
    
    return {
        getInstance : function(){
            if(!instance){
               instance = constructor();
            }
            return instance;
        }
    };
})();