JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<div id='wrapper'>
  <div id="video" style="background: green; height: 100px; width: 300px;" class="hover">VIDEO</div>
  <div id="progress" style="background:red; width: 100px;" class="hover">bar</div>
</div>
<div id="time" style="display: none">01:35</div>

JavaScript

$("#wrapper").hover(function () {
  $("#time").fadeIn(300);
}, function () {
  $("#time").fadeOut(300);
});