Just another WordPress.com weblog

Amazing jQuery Accordions


You can never underestimate how useful an accordion can be – use them for menus, featured content slideshows, squeezing more content into your sidebar; the list goes on! Making your life easier, I’ve put together a list of eight brilliant jQuery accordions that you could use on your site.

Simple jQuery Accordion Menu

Another accordion that can be used for navigation. There are lots of options (not just navigation), so visit the source to see them all. This navigation example has expandable submenus.

Design Reviver Horizontal Accordion Menu

Another accordion that can be used for navigation. There are lots of options (not just navigation), so visit the source to see them all. This navigation example has expandable submenus.

Urban Grey Accordion Menu

Urban Gray Accordion Menu is a clean, vertical menu with headers that are activated “mouseover” (200 millisec delay). Each header is hyperlinked itself, feasible since the headers are toggled “mouseover” instead of “onclick”. This is an easy to customize, attractive vertical list menu.


Accordion menu using jQuery

This final navigation example has two options – open on mouse-over or click..


This final navigation example has two options – open on mouse-over or click.

HoverAccordion jQuery Plugin

An Apple.com like vertical accordion that opens on hover. Would look good on your sidebar. 🙂

EXT Accordion Widget

This Accordion uses the EXT JavaScript Library. . Whats really cool about this accordion is that you can drag and drop the accordion slides into new positions.

Apple Style Accordion Menu

This menu mimics the look of the vertical menu found on certain areas of Apple.com.

See other examples

jQuery Accordion Plugin

This jQuery Plugin creates an Accordion that allows for nested lists, definition lists, and nested divs. The plugin requires jQuery and the dimensions plugin.

Xbox jQuery Horizontal Accordion

This is another jQuery Plugin but the accordion is horizontal. It is very similar to the XBOX 360 interface. This plugin requires you use the interface plugin

Simple javascript Accordian

The Simple JavaScript accordion script is my favorite :D. It is very small script at about 1kb and it requires no frameworks. It works in all browsers and it is very easy to integrate.

Phatfusion Image Accordian/Menu

horizontal menu, reveals more of the image as you rollover it.

Demo

Toggle Elements in Accordian

horizontal menu, reveals more of the image as you rollover it.

toggleElements

Kwicks Accordian

Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget. Please check out the examples to See It in action .

Kwicks

Advertisements

Comments on: "Amazing jQuery Accordions" (2)

  1. Hi,
    thanks it is great blog for jquery.
    it really help me working with jquery.
    great work…
    Hope many things will come with this…
    🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Tag Cloud

%d bloggers like this: