JSFiddle - React, Tailwind, and code Playground

by magizter

HTML

<ul class="menu">

<li><a class="mb" href="#">Címlap</a>
    <ul>
<li><a class="mb" href="#">almenü 1</a></li>
<li><a class="mb" href="#">almenü 2</a>
    <ul>
        <li><a class="mb" href="#">almenü 2-1</a></li>
        <li><a class="selected" href="#">almenü 2-2</a></li>
        <li><a class="mb" href="#">almenü 2-3</a></li>
    </ul>
    </li>
<li><a class="mb" href="#">almenü 3</a></li>
</ul>
    
    
    </li>
<li><a class="mb" href="#">Rólunk</a>

</li>
    
</ul>

CSS

.selected {
	color:red
}

JavaScript

$('a.selected').parent().parent().parent().find("a.mb:first").toggleClass("selected");
$('a.selected').parent().parent().parent().parent().parent().find("a.mb:first").toggleClass("selected");
// $("a.mb:first").removeClass('selected');