JSFiddle - React, Tailwind, and code Playground

HTML

<!--Menu Fixo-->
<div style='display:none' id='menuFixo'>
	<ul class='menuItensPrincipal'>
		<li class='menuFixoListHome'>
			<div id='home' class='menuFixoListNome'>Home</div>
			<div class='menuFixoListFechar'></div>
		</li>
		<li class='clear'></li>
		<li id='sobrehotel' class='menuFixoList'>Sobre o Hotel</li>
		<li id='tarifario' class='menuFixoList'>Tarif&aacute;rio</li>
		<li id='noticias' class='menuFixoList'>Not&iacute;cias</li>
		<li id='reservas' class='menuFixoList'>Reservas</li>
		<li id='contato' class='menuFixoList'>Contato</li>
	</ul>
</div>
<!--FIM-->

<li class="menuItemCont" id="menu">
    <div class="topoText">Menu</div>
    <div class="logoMenu"></div>
</li>

CSS

#menu{cursor: pointer;float: left;}
#menuFixo{
	width: 320px;
	height: 1000px;
	right: 0;
	position: fixed;
	background-color: #21a496;
	z-index: 99;
  display:block;
}

JavaScript

$( "#menu, #menu2" ).click(function() {
	    $( "#menuFixo" ).fadeToggle( 'slow', function() {});
	});