JSFiddle - React, Tailwind, and code Playground

by Serhioromano

HTML

<ul>
    <li><a href="#" id="link1">Link 1</a></li>
    <li><a href="#" id="link2">Link 1</a></li>
</ul>

CSS

.active {
    color: red
}

JavaScript

$('a').mouseover(function(){
    if($(this).attr('id') == 'link1') {
        $('#link2').addClass('active')
        $('#link1').removeClass('active')
    } else {
        $('#link1').addClass('active')
        $('#link2').removeClass('active')
    }
}).mouseout(function(){
    $('a').removeClass('active');
})