JSFiddle - React, Tailwind, and code Playground

by ipr101

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    
</head>
<body>
    <a href="#numtag-1">One</a>
    <a href="#numtag-2">Two</a>
    <a href="#numtag-3">Three</a>
    
    <div class="numtag-1">One</div>
    <div class="numtag-2">Two</div>
    <div class="numtag-3">Three</div>
</body>
</html>

CSS

div { background: #999; }
.active { background: red; }

JavaScript

$(document).ready(function() {
   
   $("a").hover(
  function () {
    $("div." + $(this).attr("href").replace("#","")).toggleClass("active")
  }
);

});