JSFiddle - React, Tailwind, and code Playground

HTML

<div id="1"><a href="#">Menu Div 1</a></div>
<div id="sub1" style="display:none">
<ul>
	<li>Div 1 Test 1</li>
	<li>Div 1 Test 2</li>
	<li>Div 1 Test 3</li>
</ul>
</div>

<div id="2"><a href="#">Menu Div 2</a></div>
<div id="sub2" style="display:none">
<ul>
	<li>Div 2 Test 1</li>
	<li>Div 2 Test 2</li>
	<li>Div 2 Test 3</li>
</ul>
</div>

<div id="3"><a href="#">Menu Div 3</a></div>
<div id="sub3" style="display:none">
<ul>
	<li>Div 3 Test 1</li>
	<li>Div 3 Test 2</li>
	<li>Div 3 Test 3</li>
</ul>
</div>

JavaScript

$(document).ready(function () {
    $('#1').click(function () {
        $('#sub2').hide(150);
        $('#sub3').hide(150);
        $('#sub1').slideToggle(150);
    });

    $('#2').click(function () {
        $('#sub1').hide(150);
        $('#sub3').hide(150);
        $('#sub2').slideToggle(150);
    });

    $('#3').click(function () {
        $('#sub1').hide(150);
        $('#sub2').hide(150);
        $('#sub3').slideToggle(150);
    });
});