JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"><div id="div2"></div></div>

CSS

#div1 {
    width: 200px;
    height: 200px;
    background-color: blue;
}

#div2 {
    width: 50px;
    height: 50px;
    background-color: yellow;
}

JavaScript

$("#div2").click(function() {
    $("#div1").css("background-color", "green");
    
    $("#div1").click(function() {
        $("#div1").css("background-color", "red");
    });
});