JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<a href="#">Multiple clicks in one element.</>

CSS

.click1 {
    color: red;
}
.click2 {
    color: green;
}
.click3 {
    color: blue;
}

JavaScript

var a = $('a');

a.addClass('click1');

a.on("click", function() {        

    if ( $(this).hasClass('click1') ) {
        $(this)
            .removeClass('click1')
            .addClass('click2');
    }
    else if ( $(this).hasClass('click2') ) {
        $(this)
            .removeClass('click2')
            .addClass('click3');
    }
    else if ( $(this).hasClass('click3') ) {
        $(this)
            .removeClass('click3')
            .addClass('click1');
    }
           
});