JSFiddle - React, Tailwind, and code Playground

by atach

HTML

<a href="#" class="class1">LINK1</a>

CSS

a {
    display: block;
    padding: 5px;
    border: 1px solid red;
}

.class1 {
    background-color: #ccc;
}

.class2 {
    background-color: red;
}

JavaScript

$('.class1').click(function() {
	alert("click .class1");		
    $(this).removeClass("class1").addClass("class2");
});


$('.class2').click(function() {
	alert("click .class2");		
    $(this).removeClass("class2").addClass("class1");
});