JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<section class="sidebar-left">
  <div class="menu-container">
    <ul class="menu">
      <li>
        <a href="#">Link</a>
        <ul class="sub-menu">
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
        </ul>
      </li>
      <li>
        <a href="#">Link</a>
        <ul class="sub-menu">
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
        </ul>
      </li>
      <li>
        <a href="#">Link</a>
        <ul class="sub-menu">
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
          <li><a href="#">Link</a></li>
        </ul>
      </li>
    </ul>
  </div>
</section>

JavaScript

$(document).ready(function() {
     $(".menu ul").hide();
     $(".menu li a").click(function() {
       $(this).next("ul").slideToggle();
     })
   })