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

.hg{
    color:red;
}

JavaScript

$("a").on('mouseover',function(){
var self=$(this);
    self.removeClass("hg");
    self.siblings().addClass("hg");
});