It is very easy to be used. Just add the following element to your HTML code:
<div id="hamburgerMenu"></div>
And run the following javascript:
$("#hamburgerMenu").hamburgerMenu({
mainContent: 'mainContent',
}, [
{"id":"Brain","href":"index.html","text":"Pinky"},
{"id":"Spongebob","href":"Spongebob.html","text":"Sponge Bob"},
{"id":"Ghostbusters","href":"Ghostbusters.html","text":"Ghostbusters"},
{"id":"fraggle","href":"other.html","text":"Fraggle rock"}
]
);
mainContent: It is the id of container that encapsulates the content of your page.
<body>
<div id="hamburgerMenu"></div>
<div id="mainContent">
here is the content of yout page.
</div>
</body>
More info: https://www.articlage.com/adrianillo/article/hamburgermenu
Demo: http://adrianillo.name/articlage/hamburgerMenu/index.html