JSFiddle - React, Tailwind, and code Playground

by hongyang1033

HTML

<ul>
  <li>item 1
    <ul>
      <li>sub item 1-a</li>
      <li>sub item 1-b</li>
    </ul>
  </li>
  <li>item 2
    <ul>
      <li>sub item 2-a</li>
      <li>sub item 2-b</li>
    </ul>
  </li>
</ul>

JavaScript

function handler( event ) {
  var target = $( event.target );
  if ( target.is( "li" ) ) {
    target.children().slideToggle("slow");
  }
}
$( "ul" ).click( handler ).find( "ul" ).hide();