Accordion

Horizontal Accordion script

This robust script turns an ordinary UL list into a horizontal accordion that expands sideways. Specify which LI should be expanded by default, whether to persist the last expanded LI (within a browser session), and also, expand a particular LI by passing in different parameters into the URL string.

Accordion Madness

If we click on one of the headings, the following <div> will slide down. If we click on the same heading again, that <div> will slide back up. Clicking on on any heading will also hide all of the other s — the ones that don’t immediately follow it. Therefore, no more than one <div> […]

Simple JQuery Accordian Menu

This is a simple Accordion menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don’t have subitems are normal links. (example link to Marco’s blog). The menu initialises with the first submenu expanded. If this code snippet is useful for you feel free to download it and […]

jQuery Accordian Plugin

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.

Accordian “like apple”

John Resig, author of jQuery demonstrated how easy is create this simple slide aka drawer aka accordion effect during @media Ajax 2007 - it also makes for a great introduction to jQuery. The effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new […]

Load More