JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element a"></div>
<div class="element b"></div>
<div class="element c"></div>
<div class="element d"></div>

CSS

.a, .b, .c, .d{
  width: 100px;
  height: 100px;
  background-color: black;
  display: inline-block;
}

.color{
  background-color: red;
}

JavaScript

$('div.element').click(function(){
		if ($(this).hasClass('color')){
    	$('div.element').removeClass('color');
    } else {
    	$('div.element').removeClass('color');
      $(this).addClass("color");
    }
});