JSFiddle - React, Tailwind, and code Playground

HTML

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

		<h3>impressoras</h3>
				
		
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>

		<h3>Cadernos</h3>
		
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>

		<h3>acessarios</h3>
		<ul>
			<li>01</li>
			<li>02</li>
			<li>03</li>
			<li>04</li>
			<li>05</li>
		</ul>
    </div>

JavaScript

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