JSFiddle - React, Tailwind, and code Playground

HTML

<button class="btn" data-target="#div1">1</button>
    <button class="btn" data-target="#div2">2</button>
    <button class="btn" data-target="#div4">3, sets 4</button>
    <button class="btn" data-target="#div3">4, sets 3</button>
    
    <div id="div1">1</div>
    <div id="div2">2</div>
    <div id="div3">3</div>
    <div id="div4">4</div>

CSS

div {
        padding: 30px;
        margin: 5px;
        background-color: #e0e0e0;
    }
    button {
        padding: 5px;
        margin: 5px;
        background-color: #e0e0e0;
    }
    .clicked { background-color: #808080; }

JavaScript

$(".btn").on("click", function () {
        $($(this).data('target')).toggleClass('clicked');
    })