Friday, May 28, 2010

8 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.

Dynamic Drive Accordion

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

Source

Design Reviver Horizontal Accordion

 s2
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.

Source

jQuery UI Accordion

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

Source

Simple jQuery Accordion Menu

 s4
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.

Source

Accordion menu using jQuery

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

Source

Xbox 360-like horizontal jQuery accordion

 s6
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.

Source

Simple horizontal jQuery accordion

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

Source

HoverAccordion jQuery Plugin

s8

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

Source

Missed something? Leave a comment with the details of your accordion!

People who read this post also read :



If you liked my post then,

Subscribe to this site via Email:

Click here to Subscribe to FREE email updates from "itrickz", so that you do not miss out anything that can be valuable to you and your blog!!

DropJack!
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "8 Amazing JQuery Accordions"

Post a Comment