JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="navigation">
        <li class="main"><a>Diagonóstico</a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_di1"> › Grátis (na compra de qualquer serviço) </a>

        </li>
        <li class="main"><a>Hardware</a> 
        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ha1"> › Instalação/Configuração de Componentes</a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ha2"> › Instalação/Configuração de Periféricos </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ha3"> › Limpeza interna/externa </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ha4"> › Cooling Pack </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ha5"> › Performance Pack </a>

        </li>
        <li class="main"><a>Software</a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_so1"> › Actualização de Sistema Operativo </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_so2"> › Instalação de Sistema Operativo </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_so3"> › Instalação de Drivers e Aplicações </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_so4"> › Configurações de internet e redes wireless </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_so5"> › Legalize o seu PC </a>

        </li>
        <li class="main"><a>Backup</a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ba1"> › Backup de dados até 4GB </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ba2"> › Backup and Go </a>

        </li>
        <li class="sub"><a href="javascript:void(0);" class="sub_ba3"> › Suportes Danificados </a>

        </li>
        <li class="sub"><a href="javascript:void(0);"...

CSS

li{
    list-style-type:none;
}
li a{
    color:#292929
    text-decoration:none;
}

JavaScript

$(function()
{
 $("li.sub:not(:first)").hide();
 $("li.main a").click(function()
    {
        $("li.sub").slideUp("fast");
        $(this).parent("li.main").nextUntil("li.main").slideDown("slow");
    });
});