https://github.com/mattkersley/Responsive-Menu

Turns any <ol> or <ul> into a <select> for mobiles and low browser sizes
https://github.com/mattkersley/Responsive-Menu

Last synced: 13 days ago
JSON representation

Turns any <ol> or <ul> into a <select> for mobiles and low browser sizes

• Host: GitHub
• URL: https://github.com/mattkersley/Responsive-Menu
• Owner: mattkersley
• License: unlicense
• Archived: true
• Created: 2011-08-14T19:05:56.000Z (about 13 years ago)
• Default Branch: master
• Last Pushed: 2015-08-06T14:59:04.000Z (over 9 years ago)
• Last Synced: 2024-10-01T00:54:57.853Z (about 1 month ago)
• Language: JavaScript
• Homepage: http://mattkersley.com/demos/responsive_menu/
• Size: 195 KB
• Stars: 410
• Watchers: 40
• Forks: 106
• Open Issues: 14
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# 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 `
` elements with `
/
` present get converted to an ``.

As `` isn't selectable, a "dummy" `` is added at the top of the group with the `
`'s value.

This option sets the text for the "dummy" ``

['string']


### nested [true]

This turns the ``s 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 ``

### topOptionText ['Select a page']

Sets the very first ``'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.