jQuery And CSS3 Accordions: Plugins, Tutorials And Techniques

I remember when that when I saw for the first time an accordion on a website I went absolutely nuts about it. Due to the fact that it saved a lot of space on a website, I wanted to put an accordion menu on every project I had at that time. Luckily, I recovered quickly and only used them when necessary.

When they appeared for the first time, there were only jQuery accordions and everyone wanted to use them. It wasn’t at all difficult. They were usually presented as snippets or tutorials and web designers would learn how to make one from scratch or use one directly in their web sites. At all surprising, web designers would learn about them the same way as they do now.

What has changed though is that accordions have evolved, in technologies used as well as in UI usage. Now, the most common accordion tutorials and snippets that you will find are CSS ones, more precisely CSS3 accordions. It’s a good thing that they have evolved because it was really annoying when the jQuery plugin that you used for an accordion had a conflict with another plugin that was used on a website. With CSS accordions, that issue is solved.