Add JQuery Mega Vertical Sidebar Menu In Blogger (Demo)

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.

Example 1

1
2
3
//
$('#mega-1').dcVerticalMegaMenu();
//

Plugin Default Settings:

  • 3 items per row
  • no animation
  • direction of flyout: right

Example 2

1
2
3
4
5
6
7
8
//
$('#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

Example 3

1
2
3
4
5
6
7
8
//
$('#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

Example 4

1
2
3
4
5
6
7
8
//
$('#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: lef