JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$('ul').click(function(e) {
  e.stopPropagation();
  const $li = $(e.target).closest('li');
  if ($li.length) {
    $li.children('ul').toggle();
    $li.siblings().children('ul').hide();
  }
}).find('ul').hide();