Hamburger Menu jQuery Plugin for Mobile Web Applications

Hamburger Menu is a jQuery mobile web app plugin that helps you create an easy-to-use mobile payment navigation menu with a fixed hamburger toggle switch.

How to make use of it:

1. Load the jQuery amburgerMenu plug-in stylesheet in the header section.

<link href="css/hamburger.css" rel="stylesheet" >

2. Create a DIV item to place the push menu.

<div id="hamburgerMenu"></div>

3. Include the jQuery library and plugin script on the web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="js/hamburgerMenu.js"></script>

4. Include OPTIONAL jQuery UI for additional mitigation effects.

<script src="/path/to/cdn/jquery-ui.min.js"></script>

Read More – Responsive Animated 3D Hamburger Menu with CSS/CSS3

5. Call the extension and create a set of menu items in 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"}
        ]
);

6. It also supports fetching list data (JSON) from a remote source via AJAX.

$("#hamburgerMenu").hamburgerMenu({

  url: 'getMenu',
  urlType: 'get',
  urlCache: false,
  urlParam:' {id:1}',

});

Tiny Push Nav Menu with Sticky Hamburger Toggle, Hamburger Menu Plugin/Github, sticky menu examples

Read More – 

Swipeable Hamburger Menu Concept with Vanilla JS
A Hamburger Menu for Mobile Websites Plugin For jQuery


See Demo And Download

Official Website(adrianillo): Click Here

This superior jQuery/javascript plugin is developed by adrianillo. For extra Advanced Usage, please go to the official website.

Share