5 Free jQuery Accordion Menu Navigations

This collection focuses on menus that use jQuery to achieve an accordion menu functionality. An item in an accordion menu will slide down to reveal sub-menus when clicked. This type of menu design works well when you have limited space in a sidebar to show a navigation. All of the jQuery accordion menus below are free to download and customize.

Note

Use our MenuMakers to easily build and customize menus.

1. Simple jQuery Accordion Menu

This jQuery accordion menu packs a big punch in a small amount of space. With support of up to 3 levels you can condense your lengthy navigation into a fancy accordion menu. Download this jQuery menu for free and customize to your liking.

http://cssmenumaker.com/menu/slabbed-accordion-menu

Simple jQuery Accordion Menu

2. Modern jQuery Accordion Menu

Our modern accordion menu will work perfectly for that empty sidebar in your life. This menu uses jQuery to build a beautifully transitioning navigation.

http://cssmenumaker.com/menu/modern-jquery-accordion-menu

Modern jQuery Accordion Menu

3. Accordion Menu with CSS Transitions

This accordion menu uses jQuery for the display and hiding of sub menus. But, for the graphical transitions, that's all CSS. Download and play with the code to create your own transitions.

http://cssmenumaker.com/menu/modern-accordion-menu

Accordion Menu with CSS Transitions

4. Flat Designed Numbered Accordion Menu

This menu not only provides an accordion design but also uses jQuery to count the number of items in the sub menu. This design would work well with an admin interface or user backend. Download the source code to customize for free.

http://cssmenumaker.com/menu/flat-numbered-jquery-accordion-menu

Flat Designed Numbered Accordion Menu

5. Elegant Accordion Navigation

Use this menu in your sidebar when you run out of space and need to tidy things up a little bit.
http://cssmenumaker.com/menu/elegant-accordion-menu

Elegant Accordion Navigation