jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

Demo

Visit responsive-menu.com to view a responsive demo

Features

Theme class options

Options: rm-lighten, rm-darken.
rm-lighten theme lightens menu item backgrounds and is best used if your design requires a dark menu background color.
rm-darken theme darkens menu item backgrounds and is best used if your design required a light menu background color.
You can set the menu background color to any color to work with the chosen theme.

jQuery Plugin Options

  • minWidth – Minimum width for expanded layout in pixels – String
  • transitionSpeed – The opening and closing speed of the menus in milliseconds
  • jqueryEasing – The jQuery easing function – used with jQuery transitions
  • css3Easing – The CSS3 transitions easing function – used with CSS3 transitions
  • toggleBtnBool – Use button as Toggle Link – instead of text
  • toggleSel – The Toggle Link selector
  • containerClass – The class the plugin adds to the container of the nav element
  • topMenuClass – The class the plugin adds to the top menu element
  • parentClass – The class applied to menu items that contain a sub-menu
  • expandedClass – The class applied to container element to trigger expanded layout
  • contractedClass – The class applied to container element to trigger contracted layout
  • animateClass – Use CSS3 animation/transitions class name
  • accelerateClass – Force GPU Acceleration class name
  • developmentMode – Use development mode – outputs information to console

Dependencies

jQuery, Modernizr (optional)

Task Managers

Gruntfile.js and package.json files are included for using Grunt.