JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<ul>
  <li> <a href="#"> link </a> </li>
  <li> <a href="#"> link </a> </li>
  <li> <a href="#"> link </a> 
    <ul>
      <li> <a href="#"> sub-link </a> </li>  
      <li> <a href="#"> sub-link </a> </li>  
      <li> <a href="#"> sub-link </a> </li>  
    </ul>
  </li>
</ul> ?

CSS

a { color: black; }
.active > a { color: red; }

JavaScript

$("li").hover(function() {
  $(this).toggleClass("active");
});