JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<button>Clickety click 1</button>
<button>Clickety click 2</button>
<button>Clickety click 3</button>

CSS

.active {
    color: red;
}

JavaScript

$('button').on("click", function () {

    var button = $(this),
        buttonD = button.data();
    
    button.data({ active: buttonD.active === true ? false : true });
    
    var myClass = buttonD.active ? "addClass" : "removeClass";
    
    button[ myClass ]("active");

});