8 Amazing JQuery Accordions

8 Amazing JQuery Accordions

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

– HoverAccordion jQuery Plugin

HoverAccordion jQuery Plugin

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

– Simple horizontal jQuery accordion

Simple horizontal jQuery accordion

A slightly simpler horizontal accordion that has a number of customizable options.

– Xbox 360 like horizontal jQuery accordion

Xbox 360 like horizontal jQuery accordion

An Xbox-like horizontal accordion that would look really good being used as a featured content slideshow – an alternative to the JonDesign one that everyone uses.

– Accordion menu using jQuery

Accordion menu using jQuery

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

– Simple jQuery Accordion Menu

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.

– jQuery UI Accordion

jQuery UI Accordion

Accordions can be used very effectively for navigation, as these next three examples show. This example opens on hover.

– Design Reviver Horizontal Accordion

Design Reviver Horizontal Accordion

A very nice horizontal accordion – when you hover over the image, a caption appears. Useful for showing off a couple of featured posts if you’re tight for space.

– Dynamic Drive Accordion

Dynamic Drive Accordion

A highly customizable accordion that opens on hover or click. This sort of accordion looks best in a sidebar.

Back To Top