JSFiddle - React, Tailwind, and code Playground

by jack gold

HTML

<a class="clickable">Click me</a>
<a class="clickable">Click me</a>
<a class="clickable">Click me</a>
<a class="clickable">Click me</a>
<a class="clickable">Click me</a>

CSS

a { display: block; padding: 1em; cursor: pointer; }

.active {
    background: skyblue; 
}

JavaScript

$(document).ready(function() {

    $.fn.singleOut = function(onClass) {
        var others = this.siblings();
         others.removeClass(onClass);
        this.toggleClass(onClass);
    };
    
    
    
    $('.clickable').on('click', function() {
        $(this).singleOut('active');
    });
  


});