JSFiddle - React, Tailwind, and code Playground

HTML

<a href=""></a>
<i></i>
<ul> - первый уровень
  <li>
    <a href=""></a>
    <i></i>
    <ul> - второй уровень
      <li>
        <a href=""></a>
        <i></i>
        <ul> - третий уровень
          <li>
            <a href=""></a>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

JavaScript

jQuery(".catal_inner li i").on("click", function(){
  if(jQuery(this).hasClass('act_i')){
    jQuery(this).removeClass("act_i");
    jQuery(this).siblings('.catal_inner').slideUp(400);
  }else{
    jQuery(".catal_inner li i").removeClass("act_i");
    jQuery(this).addClass("act_i");
    jQuery(this).siblings('.catal_inner ul').slideDown(400);
  }
});