JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav2">
	<ul class="maximenuck2"><li class="maximenuck item203 first level2 " style="z-index : 11999;"><a class="maximenuck " href="#toto"><span class="titreck">Hoyado</span></a>
		</li><li class="maximenuck item204 level2 " style="z-index : 11998;"><a class="maximenuck " href="#referencement"><span class="titreck">Référencement gagnant</span></a>
		</li><li class="maximenuck item202 level2 " style="z-index : 11997;"><a class="maximenuck " href="#equipe"><span class="titreck">L'équipe</span></a>
		</li><li class="maximenuck item259 last level2 " style="z-index : 11996;"><a class="maximenuck " href="#certifgoogle"><span class="titreck">Hoyado certifié Google</span></a>
	</li>
	</ul>
</div>

CSS

a {
    text-decoration:none;
    color:#000000;
}

.active {
    color:#648521;
}

JavaScript

$(document).ready( function(){
	$("#nav2 ul li a").click(function(){
  $("#nav2 ul li a").removeClass("active");
  $(this).addClass("active")
});
});