JSFiddle - React, Tailwind, and code Playground

by mariomc

HTML

<div class="avo">
    <div class="pai">
    <div class="inner"></div>
    </div></div>

CSS

.selected{
background-color: red;
}
.inner{
background-color: green;
}
.not-selected{
background-color: yellow;
}
div{
display: block;
    padding: 20px;
    border: 1px solid blue;
}
.pai{
    background-color: pink;
}

JavaScript

$(".inner").click(function(e){
$(this).parents(".avo").toggleClass("selected");
});