JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="gen_menu">
	<li><a href="link" id="sub50">item1</a>
    	<ul class="sub" id="sub450_menu"></ul>
    </li>
    <li><a href="link" id="sub51">item2</a>
    	<ul class="sub" id="sub51_menu"></ul>
    </li>
	<li><a href="link" id="sub52">item3</a>
    	<ul class="sub" id="sub52_menu">
        	 <li><a href="link">item3-1</a></li>
             <li><a href="link">item3-2</a></li>
        </ul>
    </li>
</ul>

JavaScript

$("ul.gen_menu li ul").hide();

    $("ul.gen_menu li a").click(function() {
        console.log($(this).parent().children().length);
        if ($(this).parent().children().length>0) {
          var idd = $(this).prop('id');
          $('ul#' + idd + '_menu').slideToggle();
          return false;
        } else {
            return true;
        }
    });