JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id=test>click me</div>
    </body>
</html>

CSS

#test:hover {cursor:pointer;}

JavaScript

// create hide event
var _oldhide=$.fn.hide;
$.fn.hide=function(speed,callback){
    $(this).trigger('hide');
    return _oldhide.apply(this,arguments);
};

$(document).ready(function(){
    $("#test").click(function(e){
        //$(this).hide(); // work as expected
        $(this).toggle(); // no longer trigger hide event in jquery edge
    }).on("hide",function(){
        alert("coucou");
    });
});