12 Amazing jQuery Accordions Menus Collection

Posted by Lasantha Bandara on March 12th, 2010 File Under : java script, jquery3 Comments

I listed below useful JQuery Accordion Menus collection for your website.These menus will be very useful for your site or next project.All of these menus are worked by using jquery.If you like to add these accordion menus to your site,choose your menu from the below list.

1 . Dynamic Drive Accordion

Group contents together and reveal them on demand when the user clicks on their associated headers, with Accordion content script! Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and even enable persistence so the state of the contents is preserved within a browser session. The script enlists the help of the jQuery library for its engine. There are lots of configurable options,.........

2 . JQuery Accordion Menu - Lateralcode

This tutorial will take you through the creation of a jQuery accordion menu. There is a little twist to this: the menu contains content. Instead of it being links to multiple pages, it is a choice of what content should appear.

3 . Stupid Simple jQuery Accordion Menu

For a jQuery beginner the first thing you need to do is to include the jQuery library. Google hosts the library so you can link to it there. This can be done by putting the following code in the head of your............

4 . Accordion using jquery and css

Collipsible accordion using jQuery.An accordion is a toggle pane where one pane slides down the other pane slides up.

5 . jQuery UI Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

6 . jQuery - Horizontal Accordions

An Xbox-like horizontal accordion that would look really good being used as a featured content slideshow .

7 . JQuery HoverAccordion

This plugin was inspired by the Accordion menus on the Apple Mac website as well as Jörn Zaefferer's Accordion plugin.

8 . Accordion Madness

Another good and simple accordian menu for you.

9 . Accordion menu using jquery

Fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is moved over it.

10 . Simple JQuery Accordion menus - Redux

This is a simple menu done in JQuery.This new version is rather flexible and caters to various needs people may have when building a website. It also allows multiple instances of the menu on the same webpage.

11 . Simple horizontal jQuery accordion

This is another great accordian menu created by using jquery.

12 . Simple JQuery Accordion menu

Simple JQuery Accordion menu is a best handy tool to show and hide information as needed. It also feel like a flash menu.

File Under : java script, jquery

3 Responses to “12 Amazing jQuery Accordions Menus Collection”

  1. Beben says:

    wow....its amazing, i am to late read about it
    hmmm...its have to review, its usefully...hihihihi

  2. Admin says:


  3. vinay says:

    In 12 . Simple JQuery Accordion menu first tab is automatically opened first, same as how to open the second tab on page loading first.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.