JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<div id="nav">
					<ul>
						<li id="home">
							<h3>Home</h3>
						</li>
                        
						<li id="gallery" onclick="showgallery()">
						<h3>Gallery</h3>
							
						</li>
						<li id="menu">
						<h3>Menu</h3>
						</li>

						<li id="contacts">
							<h3>Contacts</h3>
						</li>
					</ul>
				</div>

CSS

#menu {

	/*min-height:1px;
	display:block;
	vertical-align:middle;*/
	
	cursor:pointer;
	font-size:2em;
	text-align:center;
	width:190px;
	height:100px;
	border-style:solid;
	border-width:2px;
	position:relative;
	top:;
	left:390px;
}

JavaScript

$(document).ready(function() {
  $('#menu').css("visibility","hidden");
});