JSFiddle - React, Tailwind, and code Playground

HTML

<div class="produtosMenuItensTit">Residencial</div>
<ul class="produtosMenuItensDiplay">
    <li class="produtosMenuItensLista">Filtros para caixa d'água</li>
    <li class="produtosMenuItensLista">Filtros para decloração</li>
    <li class="produtosMenuItensLista">Purificadores</li>
    <li class="produtosMenuItensLista">Refis de caixa d'água</li>
    <li class="produtosMenuItensLista">Refis de decloração</li>
    <li class="produtosMenuItensLista">Refis para outros usos</li>
    <li class="produtosMenuItensLista">Refis para purificadores</li>
</ul>

CSS

.produtosMenuItensTit{
	font-family: 'ubuntubold';
 	color: #0093C9;
    font-size: 25px;
    height: 25px;
    line-height: 25px;
}
.produtosMenuItensDiplay{display: none;}
.produtosMenuItensLista{
	font-family: 'ubuntumedium';
	font-size: 13px;
	color: #808285;
}

JavaScript

$('.produtosMenuItensTit').on('click', function() {
    $(this).next('ul').show();
});