JSFiddle - React, Tailwind, and code Playground

by sulfureous

HTML

<div id="box">
    Normal State
</div>

CSS

#box {
    width: 100px;
    height: 100px;
    background: #999;
    text-align: center;
}

JavaScript

$("#box").hover(function() {
    $(this).text("being hovered now!");
  }, function() {
    $(this).text("no longer being hovered.");
  }
);