JSFiddle - React, Tailwind, and code Playground

by MrTest

HTML

<ul class="wrapper">
    <li class="selected"><a class="link1" href="#">Sub 1</a></li>
    <li><a class="link2" href="#">Sub 1</a></li>
</ul>

<p></p>

CSS

.selected a { color: red;}

JavaScript

$('.wrapper a').click(function() {

    $('.selected').attr('class', '');
    $(this).parent().addClass('selected');


    $('p').html([$(this).parent()]);
});