JSFiddle - React, Tailwind, and code Playground

HTML

<a id="link" href="#">tap me</a>
<a href="#">move focus</a>
<p id="hideable">previously hidden element</p>
<ul id="console"></ul>

JavaScript

function log(msg) {
    alert(msg);
}

function touchDOM() {
    $('#hideable').toggle();
}

$('#hideable').hide();

$('#link').mouseover(function(event) {
    touchDOM();
    log("hover");
}).mousemove(function(event) {
    log("move");
}).mousedown(function(event) {
    log("down");
}).mouseup(function(event) {
    log("up");
}).mouseout(function(event) {
    log("out");
}).click(function() {
    log("click");
});