JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="primary-menu">
    <li>
        Click Me
        <ul>
            <li><a href="#"> Sub Menu </a></li>            
            <li><a href="#"> Sub Menu </a></li>           
            <li><a href="#"> Sub Menu </a></li>
        </ul>
    </li>
    <li>
        Click Me 2
        <ul>
            <li><a href="#"> Sub Menu </a></li>            
            <li><a href="#"> Sub Menu </a></li>           
            <li><a href="#"> Sub Menu </a></li>
        </ul>
    </li>
</ul>

CSS

#primary-menu ul {    
    display:none;
}

JavaScript

$('#primary-menu > li').click(function() {   
	$('#primary-menu li ul').hide();
	$(this).find('ul').slideToggle();
});