JSFiddle - React, Tailwind, and code Playground

by Loxos

HTML

<ul class="category text-center">
  <li class="sub">
    <h4><b>Licenses</b></h4>
    <ul class="archive_posts">
      <li class="posts"><a href="www.google.com" target="_blank">Licence types and users plans</a></li>
      <li class="posts"><a href="#">Adding new licence</a></li>
      <li class="posts"><a href="#">Updating licence</a></li>
      <li class="posts"><a href="#">Removing licence</a></li>
    </ul>
  </li>
</ul>

JavaScript

$('.category ul').hide();

   $('.sub h4').click(function() {
   console.log('test');
     $(this).siblings('ul').slideToggle();
   });