Side Menu / Navigation - The HTML5 Way
This method uses HTML5 Data Attributes for setting the options.
<div
id="scotch-panel"
data-containerSelector="body"
data-direction="top"
data-transition="ease"
data-duration="300"
data-clickSelector=".toggle-panel"
>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
$('#scotch-panel').scotchPanel();