Droplet

Droplet is a customisable, responsive navigation plugin aimed at simplifying and standardising navigation across multiple devices.

Download

Droplet should be downloaded from the releases section. All other versions commited should be treated as incomplete / not suitable for production.

Usage

$.droplet('#selector');
$.droplet('.navclass', {
'subNav': true,
'subClass': '.subclass',
'smallScreen': '767',
'largeScreen': '768'
});

Extend

'buttonID': 'droplet-menu',      // The default button ID
'mode': 'droplet-responsive',    // Class added once the smaller breakpoint has been reached
'smallScreen': '768',            // Width the responsive nav should begin
'largeScreen': '769',            // Width the responsive nav should end
'Modernizr': true,               // Adds support for Modernizr Media Queries (recommended)
'subNav': false,                 // If you have sub-navigation set this to true
'subClass': '',                  // Class of the containing sub navigation UL
'panel': false,                  // Create a panel style menu
'panelPosition': '250'           // Width the panel should be (if panel is true)

Demo

Coming soon