JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
  Россия

  <ul>
    <li>Центр</li>
    <li>Северо-Запад</li>
    <li>
      Поволжье
      <ul>
        <li>Кировская область</li>
        <li>Нижегородсская область</li>
        <li>
          Оренбургская область
          <ul>
            <li>Город</li>
            <li>Город</li>
            <li>Город</li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
    </li>
</ul>

CSS

ul > li ul {
  display: none;
}

JavaScript

$('ul > li').each(function () {
        const li = $(this);
        if ($('> ul', li).length > 0) {
            const collapse = $('<span class="menu-collapse">+</span>');
            li.addClass('menu-sub').prepend(collapse);
            collapse.click(function () {
                $(this).toggleClass('isCollapse');
                $('> ul', li).slideToggle(200);
            });
        }
    });