JSFiddle - React, Tailwind, and code Playground

by Sarower Jahan

HTML

HTML--  
 

    <div class="col-sm-12" id="my_styles">
       <button type="submit" class="btn btn-warning" id="1">Button1</button>
       <button type="submit" class="btn btn-warning" id="2">Button2</button>
    </div>

CSS

.active{
    background:red;
}
button.btn:active{
    background:red;
}

JavaScript

jQuery("#my_styles .btn").click(function(){
        jQuery("#my_styles .btn").removeClass('active');
        jQuery(this).toggleClass('active'); 
});