JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
      <li class="mainitem">item1
         <ul class="subitems">
            <li>item1.2</li>
            <li>item1.3</li>
            <li>item1.4</li>
            <li>item1.5</li>
         </ul>
      </li>
      <li class="mainitem">item2
         <ul class="subitems">
            <li>item2</li>
         </ul>
      </li>
      <li class="mainitem">item3
         <ul class="subitems">
            <li>item3.2</li>
            <li>item3.3</li>
         </ul>
      </li>
         
   </ul>

JavaScript

$( document ).ready(function() {
    $('.subitems').hide();

    $('.mainitem').click(function(event) {

                     
            $(".mainitem").find("ul").slideUp();        
            $(this).find('ul').slideDown();
           
           
    });
});