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,.........
Article & Demo : http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm
Download : http://www.dynamicdrive.com/dynamicindex17/ddaccordion.js
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.
Article : http://www.lateralcode.com/jquery-accordion-menu/
Demo : http://demo.lateralcode.com/accordion-menu/
Download : http://www.lateralcode.com/wp-content/uploads/accordion-menu.zip
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............
Article : http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/
Demo : http://www.stemkoski.com/downloads/jquery-accordion-menu/example.htm
Download : http://www.stemkoski.com/downloads/jquery-accordion-menu.zip
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.
Article : http://roshanbh.com.np/2008/03/make-accordion-using-jquery.html
Demo : http://roshanbh.com.np/examples/accordion/
Download : http://roshanbh.com.np/codes/accordion-jquery.zip
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.
Article : http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Demo : http://jquery.bassistance.de/accordion/demo/
Download : http://jquery.bassistance.de/accordion/jquery.accordion.zip
6 . jQuery - Horizontal Accordions
An Xbox-like horizontal accordion that would look really good being used as a featured content slideshow .
Article : http://www.portalzine.de/index?/Horizontal_Accordion--print
Demo : http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html
Download : http://www.portalzine.de/index?/Downloads/1/agree/aWQtMjct/
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.
Article & Demo : http://berndmatzner.de/jquery/hoveraccordion/
Download : http://berndmatzner.de/jquery/hoveraccordion/jquery.hoveraccordion.min.js ,
http://berndmatzner.de/jquery/hoveraccordion/jquery.hoveraccordion.js
8 . Accordion Madness
Another good and simple accordian menu for you.
Article & Demo : http://www.learningjquery.com/2007/03/accordion-madness
Download : http://www.learningjquery.com/scripts-used-on-this-site
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.
Article & Demo : http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Download : http://roshanbh.com.np/codes/accordion-menu.zip
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.
Article : http://www.i-marco.nl/weblog/archive/2008/05/08/simple_jquery_accordion_menu__
Demo : http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/
Download : http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/demo.zip
11 . Simple horizontal jQuery accordion
This is another great accordian menu created by using jquery.
Article & Demo : http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html
Download : http://projects.sevir.org/storage/haccordion/jquery.haccordion.js
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.
0 comments:
Post a Comment