JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="left-sidebar-menu-main-li" onclick="hideAllSubMenus(0);">
    <label for="checkbox-0">Меню 1</label>
    <input type="radio" name="menu" 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" onclick="hideAllSubMenus(1);">
    <label for="checkbox-1">Меню 2</label>
    <input type="radio" name="menu" 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;
}