JSFiddle - React, Tailwind, and code Playground

by Rowland Rose

HTML

<div id="testdiv">Some Content Here.</div>

CSS

#testdiv {
    width: 300px;
    height: 300px;
    background: orange;
}
.hello {
    background: yellow;
}

JavaScript

$(document).ready(function() {
    $("#testdiv").mouseover(function() {
        $(this).html("<div class='hello'>Some different content.</div>");
    });
});