🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

slider-menu is a very small jQuery menu plugin that converts nested HTML lists into a responsive, semantic, accessible drill down menu just like a slider.

Drill-Down-Menu slide-menu

Documentation

jQuery Slider Menu npm version

Code Climate Build Status dependencies Status devDependencies Status Join the chat at https://gitter.im/slider-menu-jquery-js/Lobby Gratipay User Beerpay Beerpay

Tired of those standard click ‘n drop menus? Need something with a little more pazazz? Yes & yes! Here’s the answer to your prayers, the jQuery Slider Menu.

If you're viewing this at https://github.com/bmarshall511/slider-menu.jquery.js, you're reading the documentation for the master branch. View documentation for the latest release.

Installation

Direct download

Download the script here and include it (unless you are packaging scripts somehow else):

<link href="/path/to/slider-menu.jquery.css" rel="stylesheet"> <link href="/path/to/slider-menu.theme.jquery.css" rel="stylesheet"> <script src="/path/to/slider-menu.jquery.js"></script>

Do not include the script directly from GitHub (http://raw.github.com/...). The file is being served as text/plain and as such being blocked in Internet Explorer on Windows 7 for instance (because of the wrong MIME type). Bottom line: GitHub is not a CDN.

Package Managers

jQuery Slider Menu supports npm.

Basic Usage

Transform a list menu into a slider menu:

$( '.my-menu' ).sliderMenu();  // Change the slide back link. $( '.my-menu' ).sliderMenu({   back: '<span class="slider-menu__text">Back</span>' });

Contributing

Check out the Contributing Guidelines.

Security

For vulnerability reports, send an e-mail to me at benmarshall dot me.

Manual release steps

  • Increment the "version" attribute of package.json
  • Increment the version number in the src/slider-menu.jquery.js file
  • Commit with the message "Release version x.x.x"
  • Create version tag in git
  • Create a github release and upload the minified file
  • Change the latest tag pointer to the latest commit
    • git tag -f latest
    • git push <remote> :refs/tags/latest
    • git push origin master --tags
  • Release on npm

Authors


You May Also Like