JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>
        <div id="strip"></div>
    </body>
</html>

CSS

#strip {
    background: #000;
    height: 100px;
    width: 100%;
    margin: 100px auto;
}

JavaScript

$(document).ready(function() {
  
  $('#strip').mouseenter(function() {
    $(this).fadeOut('fast');
  })
  $('#strip').mouseleave(function() {
    $(this).fadeIn('fast');
  });
  
});