JSFiddle - React, Tailwind, and code Playground

by greenfox

HTML

<div id="orange">
    <div id="outer">
        <div id="inner">
            <h4 id="title">Title</h4>
            Text stuf and information
        </div>
    </div>
</div>

CSS

.hoverorange {
    background-color:orange;
}

JavaScript

$("#title").hover(function() {
        $(this).closest("#orange").toggleClass("hoverorange")
    });