JSFiddle - React, Tailwind, and code Playground

by gmdavis62

HTML

<ul>
  <li><b>Click me!</b></li>
  <li>You can also <b class="moo">Click me!</b>
    <ul>
  <li><b>Click me!</b></li>
  <li>You can also <b>Click me!</b></li>
</ul>
    </li>
</ul>

CSS

li {
    margin: 3px;
    padding: 3px;
    background: #EEEEEE;
  }
  .hilight {
    background: yellow;
  }

JavaScript

$( document ).on( "click", function( event ) {
  $( event.target ).closest( "li .moo" ).toggleClass( "hilight" );
});