JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<table class="table table-hover">
				<thead>
					<tr>
						<th id="mbtn" class="btn" style="text-align:center;"><h1>Menu</h1></th>
					</tr>
				</thead>
				<tbody id="submenu">
					<tr><td>Projects</td></tr>
					<tr><td>Contributers</td></tr>
					<tr><td>Submit project</td></tr>
					<tr><td>Contact us</td></tr>
				</tbody>
			</table>

CSS

.mbtn{
font-size: -webkit-xxx-large;
}

tr{
    display:block;
}

JavaScript

$(document).ready(function()
{	

$("#submenu").hide();

$("#mbtn").click(function(){
        $("#submenu").slideToggle(500);
});

});