JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/fschaefer/jquery-behavior/master/src/jquery.livequery.js"></script>
<script src="https://rawgithub.com/fschaefer/jquery-behavior/master/src/jquery.behavior.js"></script>
<button>Click Me</button>

JavaScript

$.behavior({
    'button': {
        'transform': function() {
            alert('Element appeared: transforming.');
            $(this).text('Double Click Me');
            // ...
        },
        'dblclick': function() {
            $(this)
                .fadeOut(100)
                .fadeIn(100)
                .fadeOut(100)
                .fadeIn(100)
                .fadeOut(100)
                .fadeIn(100, function () { $(this).remove () });
        },
        'untransform': function() {
            alert('Element disappeared: untransforming');
            // ...
        }
    }
});