JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-departamento">
    <div class="box">
		<h3>
			cartuchos e toners	
		</h3>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>
    </div>

    <div class="box">
		<h3>
            impressoras
        </h3>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>
    </div>

    <div class="box">
		<h3>
            Cadernos
        </h3>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>
    </div>

    <div class="box">
		<h3>
            acessĂłrios
        </h3>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>
    </div>
</div>

JavaScript

$(document).ready(function(){
		$('.menu-departamento > .box > ul > li').hide();
		$('.menu-departamento h3').click(function() {
			$('> ul > li', $(this).closest(".box")).toggle('slow, 1000');
		});
 });