JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
		<dl>
			<dt><a href="index.asp">HOME</a></dt>
			<dt><a href="#" class="submenu">QUEM SOMOS</a></dt>
				<dd>
					<ul>
						<li><a href="empresa.asp">EMPRESA</a></li>
						<li><a href="institucional.asp">INSTITUCIONAL</a></li>
						<li><a href="nossos_produtos.asp">NOSSOS PRODUTOS</a></li>
						<li><a href="responsabilidade_social.asp">RESPONSABILIDADE SOCIAL</a></li>
						<li><a href="responsabilidade_ambiental.asp">RESPONSABILIDADE AMBIENTAL</a></li>
					</ul>
				</dd>
			<dt><a href="#" class="submenu">PRODUTOS</a></dt>
				<dd>
					<ul class="produtos">
						
						<li><a href="produtos_categoria.asp?categoria=XXX">XXX</a></li>
                        <li><a href="produtos_categoria.asp?categoria=XXX">XXX</a></li>
                        <li><a href="produtos_categoria.asp?categoria=XXX">XXX</a></li>
                        <li><a href="produtos_categoria.asp?categoria=XXX">XXX</a></li>
                        <li><a href="produtos_categoria.asp?categoria=XXX">XXX</a></li>
						 
					</ul>
				</dd>
			<dt><a href="informativo.asp">INFORMATIVO</a></dt>
			<dt class="no_border"><a href="contato.asp">CONTATO</a></dt>
		</dl>
	</div>

JavaScript

$('dd').hide();
$('dt a.submenu').click(function(){
    $("dd:visible").slideUp("slow");
    $(this).parent().next().slideDown("slow");
    return false;
});