Best jQuery Menus Plugins & Tutorials with Demo

    Navgoco : jQuery Multi-level slide navigation & Accordion effect

    Navgoco : jQuery Multi-level slide navigation & Accordion effect

    Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

    Puerto – CSS3 Responsive Mega Menu

    Puerto - CSS3 Responsive Mega Menu

    Puerto – Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone…). Menu also has five different animation.

    Fluid Menu to Overlay Content CSS3 Animations

    Fluid Menu to Overlay Content CSS3 Animations

    I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.

    Pikabu : jQuery Off-Canvas flyout menu

    Pikabu : jQuery Off-Canvas flyout menu

    Pikabu is a speedy, flexible framework for off-canvas flyout panels.Momentum scrolling in sidebars and smart fallbacks for browsers that don’t support it.

    jQuery Hover Dropdown box

    jQuery Hover Dropdown box

    The jQuery plugin that provides interactive drop-down list box.

    Pagescroll : jQuery animated scroll Menu

    Pagescroll : jQuery animated scroll Menu

    Create animated scroll menu with jQuery

    Features:

    • vertical or horizontal display
    • absolute, fixed or inline styles
    • left, right, top or bottom aligns
    • configurable background color, font sizes, colors also configurable via CSS
    • smooth animation during pagescroll
    • fade in / fade out effect when user scrolling

    jQuery ReSmenu – Select based Responsive menu

    jQuery ReSmenu - Select based Responsive menu

    jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.

    Tocible : jQuery Plugin for Table of contents Navigation Menu

    Tocible : jQUery Plugin for Table of contents Navigation Menu

    Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

    Fixtop : jQuery plugin to fix DOM element to the Top

    Fixtop : jQuery plugin to fix DOM element to the Top

    A jQuery plugin to fix DOM element to the top when a page scrolls to its position.

    CSS Drawer menu : Pure CSS Responsive Menu

    CSS Drawer menu : Pure CSS Responsive Menu

    An ultra light mobile side “drawer” menu in pure css.

    Features:

    • Responsive
    • Percentage based!
    • ULTRA Lightweight!
    • PURE CSS! (2kb uncompressed)