JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
    <div>=green > turns red</div>
    <div class="red">=red > stays red</div>
</div>
<div>
    <div>=green > stays green</div>
    <div class="red">=red > turns green</div>
</div>
<button id='toggle'>Toggle</button>

CSS

div {
 background-color:green;   
}
div.red {
 background-color: red;   
}

JavaScript

$('#toggle').click(function(){
    $('div>div').toggleClass(function(){
        return ($(this).parent().hasClass('foo'))?'red':'';
    })
});