JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="panda-group">
  <li class="panda__li">1</li>
  <li class="panda__li">2</li>
  <li class="panda__li">3</li>
</ul>

CSS

.is-active {
  color: red;
}
li {
  background: blue;
  display: inline-block;
  vertical-align: middle;
}

JavaScript

$('.panda-group').on('click', '.panda__li', function(){
	$(this).toggleClass('is-active');
});