Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Turns any <ol> or <ul> into a <select> for mobiles and low browser sizes
JavaScript
tree: 52a829621c

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
index.html
jquery.mobilemenu.js
jquery.mobilemenu.min.js
readme.md

readme.md

jQuery Responsive Menu Plugin

A Plugin which turns your site's navigation into a dropdown (SELECT) when your browser is at mobile widths.

Options

The options available for the plugin are listed below. Their default value appears next to their names, and available values below the description.

combine [true]

Convert multiple navigation lists into a single dropdown for mobiles [true/false]

groupPageText ['Main']

Any LI elements with UL/OL present get converted to an OPTGROUP. As OPTGROUP isn't selectable, a "dummy" OPTION is added at the top of the group with the LI's value. This option sets the text for the "dummy" OPTION ['string']

nested [true]

This turns the OPTGROUPs on and off [true/false]

prependTo ['body']

Sets the container element for the menu to be put into. ['CSS-selector']

switchWidth [480]

Sets the width (in pixels) at which the site's menu(s) will change to a SELECT

topOptionText ['Select a page']

Sets the very first OPTION's display text. Setting this to NULL will prevent it from displaying ['string'/null]

Usage

The plugin can be used like any other jQuery plugin:

$('css-selector').mobileMenu({option:value, option:value});

Licence

There isn't one, because I'm nice. Feel free to say "thanks" or attribute the script to this page if you find it useful.

Something went wrong with that request. Please try again.