JSFiddle - React, Tailwind, and code Playground

by S.M. Murad Hasan Tanvir

HTML

<span class="btn" data-click="btn">btn</span>
<span class="fC">fC</span>
<span class="sC">sC</span>
<span class="tC">tC</span>

JavaScript

$(function(){
	$('.btn').on("click", function(){
  	if($(this).attr("data-click") == "btn"){
    	$('.fC').addClass('fCr');
      $('.sC').addClass('sCr');
      $('.btn').attr("data-click", "btn1")
    }
    else{
      $('.tC').addClass('tCr');
      $('.sC').addClass('fCr');
    }
  });  
});