JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<button class="reportButtons">Awesome Button!</button>

CSS

.reportButtons{
    margin:10px;
    background-color:#EFEFEF;
    border:none;
    padding:6px;
}
.borderClass{
    border:1px solid red;
}

JavaScript

$('.reportButtons').click(function(){
    if( $(this).hasClass('borderClass') ){
        $(this).removeClass('borderClass');
    }else{
        $(this).addClass('borderClass');
    }
});