Lightweight Responsive jQuery Dropdown Menu Plugin

File Size: 39.1 KB
Views Total: 10241
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
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.