JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    <a id="foo" href="#bar">FOO</a><br/>
    <a id="bar" href="#foo">BAR</a><br/>
</p>

CSS

.hovered{
    color:red;
    background-color:blue;
}

JavaScript

$('a').hover(function(){
    $('a').not(this).addClass('hovered');
},
            function(){
    $('a').not(this).removeClass('hovered');
});