Lightweight Responsive jQuery Dropdown Menu Plugin
File Size: | 39.1 KB |
---|---|
Views Total: | 10219 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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.