JSFiddle - React, Tailwind, and code Playground

HTML

<ul style="z-index: 999999999;">
    <li><a href="#" id="home_link">Home</a></li>
    <li><a href="#" id="hits_link">music</a></li>
    <li><a href="#" id="cinema_link">cinema</a></li>
    <li><a href="#" id="shows_link">shows</a></li>
    <li><a href="#" id="timeout_link">timeout</a></li>
    <li><a href="#" id="win_link">win</a></li>
  </ul>
<div id="logo">Hello!</div>

JavaScript

$("ul li a").hover(function() { 
    $("#logo").css("color", "red");
}, function() { 
    $("#logo").css("color", "black");
});