Free Content Accordion (CSS3+jQuery)

Some weeks ago, we have published an article: How to Create a Content Accordion in Pure CSS3. Today we have decided to offer you the free jQuery version of this plugin that is compatible with all the existing browsers.

Once you decide to develop a website, it is a bit of a challenge to take care of the content and organize it in a user friendly way. You have to think about the flow of information you are presenting, not overloading one single view with all the content at once, so that it might confuse the user.

Designers already know and have mastered several techniques where content is smartly organized so that you could engage the user with your interactive website.

Content Accordion is a feature used more and more lately while organizing the content of the website – navigation, maximizing, minimizing content. Using this technique will allow you to save space and present the information you would like to share in a user friendly way.

You will definitely not regret downloading this freebie and we hope it will be extremely helpful for you and your website!

Free Content Accordion (CSS3+jQuery)

Free Content Accordion (CSS3+jQuery)

Download Accordion

Valeriu is a Web Designer & Front-End Developer currently living in Lisbon, Portugal. He creates some cool stuff using CSS3 and HTML5. You can follow him on @vtimbuc, Google+ or visit his web site at


  1. Saya Apr 25, 5:32 am

    This is very helpful and will keep me busy for a while

  2. Tony Lewis Apr 30, 2:19 pm

    Thanks for the free content. I can use this in something I’m designing at the moment.

  3. kiran chikkala May 8, 8:59 am

    I like this plugin very much, thank you for share this information.

  4. Kay Aug 11, 10:11 am

    This works beautifully on Chrome. Looks a bit different on Fire Fox but NOT WORKING on Internet Explorer. The accordion doesnt even open in the IE browser. Any tips on how to correct this?


Leave a Reply

* Minimum length: 20 characters