JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container-menu">
    <button id="burge">hamburguer</button>
    <button id="cross">cross</button>
    <ul id="menu">
        <li>Home</li>
        <li>About</li>
        <li>Contact</li>
    </ul>
</div>

JavaScript

$('#cross').hide();
$('#menu').hide();

$('#burge').click(function() {
	$('#menu').slideToggle('slow', function() {
    	$('#cross').show();
        $('#burge').hide();
    });
});

$('#cross').click(function() {
	$('#menu').slideToggle('slow', function() {
    	$('#burge').show();
        $('#cross').hide();
    });
});

$('#menu').click(function() {
	$('#container-menu').slideToggle('slow', function() {
    	$('#burge').show();
        $('#cross').hide();
    });
});