JSFiddle - React, Tailwind, and code Playground

by hammerbrostime

HTML

<div id="element">This is the pretend video</div>
<br />
<div id="menu">This is the pretend menu</div>

CSS

html, body {height:100%;}

JavaScript

$("#menu").hide("slow");
var i = null;
$("body").mousemove(function() {
    clearTimeout(i);
    $("#menu").show("slow");
    i = setTimeout('$("#menu").hide("slow");', 5000);
}).mouseleave(function() {
    clearTimeout(i);
    $("#menu").hide("hide");  
});