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.

slide and push menus with css3 transitions, push menu bootstrap 4, sticky menu bs, multi level push menu, sticky navigation examples, sticky menu on scroll

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 at the bottom of 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>

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

See Demo And Download

Official Website(adrianillo): Click Here

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