JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        Pequeno
        <ul>
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ul>
    </li>
     <li>
        Grande
        <ul>
             <li>One</li>
            <li>Two</li>
            <li>Three</li>
            <li>Four</li>
            <li>Five</li>
            <li>Six</li>
            <li>Seven</li>
            <li>Eight</li>
            <li>Nine</li>
            <li>Ten!</li>
        </ul>
    </li>
    
</ul>

CSS

ul li ul {
    display:none;
}

JavaScript

$("ul li").click(function(){
    $("ul li ul:visible").slideUp();
    $(this).children("ul").slideToggle(); 
});