JSFiddle - React, Tailwind, and code Playground

by Town

HTML

<div id="outdirections">
    <a>Item</a>
    <a>Item</a>
    <a>Item</a>
    <a>Item</a>
    <a>Item</a>
</div>

CSS

a {cursor: pointer;}
.directionsselect { background-color: black; color: white;}

JavaScript

$(document).ready(function() {
    $('#outdirections a').click(function() {
        $('#outdirections a').removeClass('directionsselect');
        $(this).addClass('directionsselect');
    })
});