JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a class="aSwitch" href="#" >Click something</a>
    <ul id="item1" style="display:none">
        <li>Something ...</li>
        <li>Something something</li>
    </ul></li>
    <li><a class="aSwitch" href="#" >Click something else</a>
    <ul id="item2" style="display:none">
        <li>Something more...</li>
        <li>Something something less?</li>
    </ul></li>
</ul>

CSS

a:link {
    color: #000000;
    text-decoration: underline;
}

a.selected {
    color: #005b97;
    text-decoration: none;
    padding-left: 2px;
}

JavaScript

$('a.aSwitch').click(function() {
$(this).next().toggle();
$(this).toggleClass('selected');
});