JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="red">link 1</a>
<a href="#" id="blue">link 2</a>
<a href="#" id="yellow">link 3</a>

CSS

body {
    background: #ccc;
    width: 100%;
    height: 100%;
     -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

JavaScript

$('a').hover(function(){
      $('a').css('background', this.id);
}, function(){
      $('a').css('background', '#ccc');
});