JSFiddle - React, Tailwind, and code Playground

by chad

HTML

<div id="menu">Menu</div>
<br>
<div id="imagecontainer" class="header-image-container">
    This is a div
</div>

CSS

#menu, #imagecontainer {
    padding: 10px;
}
#imagecontainer {
    background: red;
}

JavaScript

$('#menu').mouseenter(function() {
        $('#imagecontainer').css({'background':'blue'});
    }).mouseleave(function() {
        $('#imagecontainer').removeAttr('style');
    })