JSFiddle - React, Tailwind, and code Playground

by pashkes

HTML

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>
<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

CSS

.active {
  color: red;
}

JavaScript

$('li').hover(function() {
  var current = $(this).index();
  current +=1;
  $('ul li' + ':nth-child('+ current + ')' ).toggleClass('active');
});