JSFiddle - React, Tailwind, and code Playground

by rishatsharafiev

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script scr="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>

CSS

.square {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 0;
  background-color: gray;
  margin: 5px;
}

.active {
  background-color: red;
}

JavaScript

$(document).ready(function() {
	$('.square').on('click', function() {
  	var $self = $(this);
    $self.toggleClass('active');
  });
});