JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row active">
    <div class="button"></div>
    <div class="button"></div>
</div>
<div class="row">
    <div class="button"></div>
    <div class="button"></div>
</div>

CSS

.row {clear: both; overflow: hidden;}
.row.active {background: #ddd;}

.button {background: #18a; float: left; height: 20px; margin: 8px; width: 20px;}
.row.active .button {cursor: pointer;}

JavaScript

$('.active .button').click(function() {
    alert('Clicked a button in an active row.');
    $('.active').removeClass('active');
});