JSFiddle - React, Tailwind, and code Playground

HTML

<span class="oldClass">menu 1</span>.
<span class="oldClass">menu 2</span>.
<span class="oldClass">menu 3</span>.
<span class="oldClass">menu 4</span>.
<span class="oldClass">menu 5</span>

CSS

.newClass{color: red}
.oldClass {color:black} 
.oldClass:hover {color:blue;}

JavaScript

$('span').click(function(){
    $('.newClass').removeClass('newClass').addClass('oldClass');
    $(this).removeClass('oldClass').addClass('newClass');
});