JSFiddle - React, Tailwind, and code Playground

HTML

<div>Hello</div>

CSS

.box {          
width: 250px;
height: 100px;    
border: 1px #000 solid;
}

.red {
background: red;
}

.blue {
background: blue;
}

JavaScript

$('div').click(function() {
    var $this = $(this);
 
    if ($this.hasClass('blue')) {
        $this.removeClass();
    } else if ($this.hasClass('red')) {
        $this.removeClass('red').addClass('blue');
    } else {
        $this.addClass('red');
    }
});