jQuery Vertical Mega Menu Plugin
Examples
For further examples of the vertical mega menu plugin, including sample styles refer to our WordPress Vertical Mega Menu Demo Page or view the advanced styling example.
- Menu Item A
- Menu Item B
- Menu Item C
- Menu Item D
- Menu Item E
- Menu Item F
- Menu Item G
- Menu Item H
- Menu Item I
Example 1
//
$('#mega-1').dcVerticalMegaMenu();
//
Plugin Default Settings:
- 3 items per row
- no animation
- direction of flyout: right
- Menu Item A
- Menu Item B
- Menu Item C
- Menu Item D
- Menu Item E
- Menu Item F
- Menu Item G
- Menu Item H
- Menu Item I
Example 2
//
$('#mega-2').dcVerticalMegaMenu({
rowItems: '3',
speed: 'slow',
effect: 'fade',
direction: 'left'
});
//
Settings:
- 3 items per row
- animation effect: fade in
- speed: slow
- direction of flyout: left
- Menu Item A
- Menu Item B
- Menu Item C
- Menu Item D
- Menu Item E
- Menu Item F
- Menu Item G
- Menu Item H
- Menu Item I
Example 3
//
$('#mega-3').dcVerticalMegaMenu({
rowItems: '4',
speed: 'slow',
effect: 'slide',
direction: 'right'
});
//
Settings:
- 4 items per row
- animation effect: slide out
- speed: slow
- direction of flyout: right
- Menu Item A
- Menu Item B
- Menu Item C
- Menu Item D
- Menu Item E
- Menu Item F
- Menu Item G
- Menu Item H
- Menu Item I
Example 4
//
$('#mega-4').dcVerticalMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide',
direction: 'left'
});
//
Settings:
- 3 items per row
- animation effect: slide out
- speed: fast
- direction of flyout: left


















