JSFiddle - React, Tailwind, and code Playground

by raskalbass

HTML

<div id="wrap"></div>
<div id="block">Text Text Text</div>

CSS

#wrap {
    width: 500px;
    height: 500px;
    background: grey;
}
.hov{background: black !important;} 
#block {
    width: 200px;
    height: 200px;
    background: lightgrey;
  position: absolute;
    top: 30px;
    left: 30px;
}

JavaScript

$('#wrap').hover(function() {
    $('#wrap').toggleClass("hov");
});
$('#block').hover(function(e) {
    $('#wrap').trigger(e.type);
});