JSFiddle - React, Tailwind, and code Playground

by magizter

HTML

<ul class="menu">

<li><a class="mb" href="#">menu1</a>
    <ul>
        <li><a href="#">sub1</a></li>
        <li><a href="#">sub2</a></li>
        <li class="selected"><a href="#">sub2</a></li>
    </ul>
</li>
<li><a class="mb" href="#">menu2</a></li>
<li><a class="mb" href="#">menu3</a></li>

</ul>

CSS

.selected, .selected a { cursor:none; color:red;}

JavaScript

$(document).ready(function(){
$('li.selected').parents('li').addClass("selected");
     });