jQuery Slider Menu

Tired of those standard click 'n drop menus? Need something with a little more pazazz? Try my jQuery Slider Menu.
Published
Typical Read
0 minutes
Sponsored
Do you have a great article to share you want to contribute? Contact me about your idea.
Find your next web developer job
jobs by Indeed

Inspried by the menus in the Agile WordPress theme and Foundation’s drilldown menu.

See Demo | Fork on GitHub

jQuery Slider Menu Features

  • Easy-to-use & light-weight at only 1.88KB!
  • Responsive with optional theme
  • Works with any HTML list
  • Tested in Chrome 56, FF 51, Safari 10, IE 10
  • Meets Web Accessibility guidelines
  • Semantic markup for enhanced SEO

jQuery Slider Menu Usage

Transform any list to a slider menu simply by calling it on the menu list you want to fancify!

// Default usage
$( '.my-menu' ).sliderMenu();

// Custom back link
$( '.my-menu' ).sliderMenu({
  back: '<span>Back</span>'
});

Did you find jQuery Slider Menu useful? Get articles in your inbox.

…and don’t worry, I hate spam as much as you. Expect to hear from me at most once a week.

Latest Job Postings
Posted on Aug 9, 2020 at 9:17pm
Full-time
Los Angeles
Posted on Aug 9, 2020 at 9:15pm
Full-time
Los Angeles
Posted on Aug 9, 2020 at 1:19am
Littleton, CO
jobs by Indeed
Sponsored
Help support open-source projects & pro-bono non-profit services by donating today.
Sponsored
Do you run a development agency, freelance developer or offer website services. Contact me today for information about advertising.
Sponsored
Do you have a great article to share you want to contribute? Contact me about your idea.
Sponsored
Do you have a great article to share you want to contribute? Contact me about your idea.
Sponsored
Need help with website, a boost in ranking or online marketing? Contact me today for a free quote.

Leave a Reply

Your email address will not be published. Required fields are marked *

All comments posted on 'jQuery Slider Menu' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.