Jan

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

by 2E Editorial in Tutorials, resources

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.

If you love it. Share it!

Discussion

17 Comments Leave a comment

Paula Penedo

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

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

Awesome list, especially the inspiration portion of it~

Thanks!
spirit

This one is pretty cool too: http://www.geertdedeckere.be/lab/themeforest/unfold/
Moksha Solutions

really nice list thanks for sharing
Jon

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

crapy becuse it does not work
Akhtar Sheikha

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

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

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

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

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

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