JavaScript

Article

By Sam Deering February 11, 2011

8 jQuery Great Accordions

By Sam Deering

Today, jQuery4u has listed a set of 8 visually pleasing jQuery accordions that can be put up into different uses and needs.

1. VM Accordion

2. Urban Gray

3. Glossy Accordion

4. Accordion Script

5. Arrow Side Menu

6. Bullet List Accordion

7. Simple Accordion

8. Horizontal Accordion

More:

jQuery Accordion examples, jQuery Accordion plugins, jQuery Accordions

Meet the author

Sam Deering

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Jane Franklin

The problem with most accordion menus is they often don’t allow enough drill-down levels for complex mobile sites.

Have you seen the dynamic nested list component on http://www.iphoneaccordionmenu.com?

The example AJAX version is impressive.

Jane

Latest Themes

Browse all 9 themes

SitePoint Themes

SitePoint WordPress Restaurant Theme

Pull in the crowds to your eatery, cafe, restaurant or bar with this flexible, modular WordPress theme.

SitePoint Themes

SitePoint WordPress Ecommerce Theme

Sell your wares with this delightfully elegant WooCommerce-powered WordPress theme.

SitePoint Themes

SitePoint WordPress Portfolio Theme

A beautiful, responsive, portfolio theme for creatives - photographers, designers, writers, developers - that shows off your skills and work to potential clients.

Premium Theme

SitePoint Themes, Mar 19

SitePoint WordPress Restaurant Theme

Premium Theme

SitePoint Themes, Mar 17

SitePoint WordPress Ecommerce Theme

Premium Theme

SitePoint Themes, Feb 24

SitePoint WordPress Portfolio Theme

Latest Courses

Browse all 21 courses

Andrew Van Slaars

Plugin Systems with Hapi.js

React Tips

Bite size lessons on Facebooks JavaScript UI library, React.

Test-Driven Development in Node.js

Keeping it real, with real-life TDD examples

Premium Course

Andrew Van Slaars, 3 days ago

Plugin Systems with Hapi.js

Premium Course

Michael Chan, a day ago

React Tips

Premium Course

David Tang, 3 days ago

Test-Driven Development in Node.js

Latest Books

Browse all 15 books

ECMAScript 2015: A SitePoint Anthology

Dive into the next generation of JavaScript with this 155 page anthology!

Shaumik Daityari

Jump Start Git

Take control of your code

Full Stack JavaScript Development with MEAN

It’s clean, it’s lean—it’s the MEAN Stack

Premium Book

James Hibbard, Feb 28

ECMAScript 2015: A SitePoint Anthology

Premium Book

Shaumik Daityari, Aug 27

Jump Start Git

Premium Book

Colin Ihrig, Jan 03

Full Stack JavaScript Development with MEAN

Recommended

Sponsors

What Is Event Bubbling in JavaScript? Event Propagation Explained

Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic...

Giulio Mainardi, 2 days ago

How to Make a Simple JavaScript Quiz

Yaphi Berhanu walks you through making your own simple JavaScript quiz. This is a fun exercise and a great way to learn a variety of...

Yaphi Berhanu, 3 days ago

JavaScript

What Is Event Bubbling in JavaScript? Event Propagation Explained

Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic JavaScript event flow.

JavaScript

How to Make a Simple JavaScript Quiz

Yaphi Berhanu walks you through making your own simple JavaScript quiz. This is a fun exercise and a great way to learn a variety of coding techniques.