JSFiddle - React, Tailwind, and code Playground

by gorelative

HTML

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

CSS

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

JavaScript

$('.reportButtons').click(function(){
    if( $(this).hasClass('borderClass') ){
        $(this).animate({
            'border-width': '0px'
        }, 'fast');
        $(this).removeClass('borderClass');
    }else{
        $(this).addClass('borderClass');
        $(this).animate({
            'border-width': '1px'
        }, 'fast');
    }
});