JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="left-sidebar-menu-main-li">
    <label for="checkbox-0">Меню 1</label>
    <input type="checkbox" id="checkbox-0" class="radio-sub-menu">
    <ul class="sub-menu">
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
    </ul>
  </li>
  <li class="left-sidebar-menu-main-li">
    <label for="checkbox-1">Меню 2</label>
    <input type="checkbox" id="checkbox-1" class="radio-sub-menu">
    <ul class="sub-menu">
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
      <li><a href="#">Під-меню</a></li>
    </ul>
  </li>
</ul>

CSS

ul.sub-menu {
  display: none;
}

ul input:checked + ul.sub-menu {
  display: block;
}

JavaScript

$('.radio-sub-menu').click(
  function() {
    $('input.radio-sub-menu').not(this).prop('checked', false);
  }
);