JSFiddle - React, Tailwind, and code Playground

HTML

<div  id=c_navi>
<ul>
  <li>
    <span>Menu1</span>
    <ul>
      <li>Menu1_1</li>
      <li>Menu1_2</li>
    </ul>
  </li>

  <li>
    <span>Menu2</span>
    <ul>
      <li>Menu2_1</li>
      <li>Menu2_2</li>
    </ul>
  </li>
    
  <li>
    <span>Menu3</span>
    <ul>
      <li>Menu3_1</li>
      <li>Menu3_2</li>
    </ul>
  </li>
</ul>
</div>

JavaScript

$('div#c_navi ul li ul').hide();
jQuery('div#c_navi > ul > li > span').click(function(){
 jQuery(this).next().slideToggle('slow');
});