Lightweight Responsive jQuery Dropdown Menu Plugin

A lightweight jQuery navigation plugin for creating a responsive, mobile-friendly and multi-level dropdown menu with ease.

How to use it:

1. Include required style.css into your page's head section.

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

2. Include jQuery library and the jQuery responsive dropdown plugin at the bottom of your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/cssmenumaker.js"></script>

3. Create a multi-level navigation with nested Html unordered lists.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/cssmenumaker.js"></script>

4. Initialize the plugin to enable the responsive navigation.

$("#cssmenu").menumaker({
title: "Menu",
format: "multitoggle", // dropdown or multitoggle
breakpoint: 768,
sticky: true
});

Change log:

2014-09-27

• Bug fixes

2014-08-29

• Added breakpoint option.

2014-08-25

• Select list option improvements

2014-08-24

• Bug fixes

2014-08-23

• Bug fixes
• Small changes

2014-08-02

• Bug fixes
• Small changes

---

This awesome jQuery plugin is developed by cssmenumaker. For more Advanced Usages, please check the demo page or visit the official website.