####Description: Easy Menu is a plugin that allows you to drop into just about any menu and get the goodies for easier drop down in desktop, classes applied to elements for a hover trail, mobile menus that slide out from the side of the page or drop straight down, and more.
####Desktop Features:
- Sub menus that hide and show on hover
- Hover trail on menu items
- Hoverintent for menu items
- Adjust the time for the hoverintent
- Custom classes on menu items
####Mobile Features:
- Turn on and off the mobile menu feature
- Choose for the menu to slide out from the top, left, or right
- Classes on actively open menu items that have a drop down
- Choose to push the body of the site over on slide out
- Set a container offset at the top of the header
- Use custom Mobile buttons
- Set the width of the mobile menu
####The Defaults
self: $(this),
breakPoint: '768',
maxWidth: '70%',
speed: '1000',
mobileIcon: '.mobileIcon',
topLevelItem: '.me-ti',
subClass: '.me-smu',
superSubClass: '.me-ssmu',
itemClass: '.me-smi',
hoverClass: '.me-hover',
mobileActiveClass: '.me-mobile-active',
containerOffset: '',
pushBody: true,
closeButtonClass: '.easy-menu-close',
closeButtonCustom: false,
hoverIntent: true,
hoverIntentWait: 500,
touchFriendly: true,
mobileEnabled: true,
specialCaseOpen: ''
####Code Samples #####Example One A basic only desktop menu with drop down, custom Top Level Item class, and a Hover Intent time of 200ms.
$('.thingy').easyMenu({
hoverIntentWait: 200,
topLevelItem: '.topThingyItem',
mobileEnabled: false
});
#####Example Two Another basic menu that allows the mobile menu with a width of 80%, breakpoint of 680px, and a custom close button with class.
$('.thingy').easyMenu({
breakPoint: '680',
maxWidth: '80%',
closeButtonClass: '.close-custom',
closeButtonCustom: true,
});