Jan

Variety of Accordion Effects: Cool Websites + Free Downloads + Easy Tutorials

by 2E Editorial in Tutorials, resources

Share Variety of Accordion Effects: Cool Websites + Free Downloads + Easy Tutorials

In this article, we’ll explore how to add more effect and dynamism in your website content with JavaScript accordions. This post features a collection of the best accordions website inspiration and resources dedicated to accordions techniques, tips, scripts for download, and tutorials.

Websites for Inspiration

If you want more inspiration visit OnePageLove

Accordions Resoruces

Demo – Download

Demo – Download

for more tutorials visit TutorialBlog

Accordion Tutorials

Create a simple intelligent accordion effect using prototype and scriptaculous

Javascript and CSS accordion menus effect tutorial

Further Related Resources

75 (Really) Useful JavaScript Techniques

80+ AJAX-Solutions For Professional Coding

60 More AJAX- and Javascript Solutions For Professional Coding

Don’t forget to subscribe to our RSS-Feed and visit my twitter page : 2experts if you want to follow to keep track on our next post.

Author: 2E Editorial
is a freelance web and graphic designer as well as developer. He is the author and owner of 2experts Design, a design blog with great inspirational posts. You can follow 2experts design on Twitter.

17 Comments

subscribe comments feed

Paula Penedo
January 15th, 2009

Great examples and excellent demos! I always wanted to do something like that, but it always seemed so difficult.
Congratulations!
LOGO DESIGN GURU
January 15th, 2009

A nice collection of fascinating material. Thanks. I love the looking down view of the computer desk. That one is so cool.
Soh
January 15th, 2009

Awesome list, especially the inspiration portion of it~

Thanks!
spirit
February 5th, 2009

This one is pretty cool too: http://www.geertdedeckere.be/lab/themeforest/unfold/
Moksha Solutions
February 7th, 2009

really nice list thanks for sharing
Jon
February 11th, 2009

Where do you find all those sites? I’ve been looking for a site that displays other sites just to find cool designs – like logopond for websites. Turns out my site is an accordion as well. I like the horizontal ones but I think they would be harder to pull off
trenton
February 21st, 2009

crapy becuse it does not work
Akhtar Sheikha
February 25th, 2009

Thanks a lot for your reaction guys. I am so glad that you like my post. Look forward to more interaction with all of you.

Akhtar
Aurora
May 26th, 2009

Brilliant! I’m going to use some of these effects… Thank you so much, very inspiring!
Dean
October 19th, 2009

I recently came across your blog. I don’t know what to say except that I have enjoyed reading. Very informative and nice blog. I will keep visiting this blog very often.
WebDesign
October 20th, 2009

Outstanding!!! Never seen before…. I loved visiting this Blog as everytime I visit I’ll get something out of you guys…
Custom Logo Guru
November 17th, 2009

Wonderful, Conspicuous!!! ceaseless seen early…. I like visiting this Blog as everytime I visit I’ll get spoil out of you guys…

Thanks for sharing
Ron Arts Web Design
January 27th, 2010

Brilliant examples and really some great demos. Very inspiring for all!!!