Free Accordion Scripts

Most websites use accordions, but sometimes it is really hard to find Free Accordion Scripts for your designs. That’s why we have compiled this post with useful free accordion scripts that can be easily incorporated into your future designs. This informative post will provide you with the examples of scripts that can be downloaded for free and then used for your designer’s purposes. Being created using various coding methods, these scripts will provide your designs with various cool effects.

***

Accordion with Color Transition Example

Free Accordion Scripts
Another cool solution for implementing the accordion into your project. See the ‘Javascript used in this example’ tab for the options used in this example.
Download

***

Horizontal JavaScript Accordion

Free Accordion Scripts
This is a good solution for various kinds of menus, images, presentation content, etc. The script automatically adjust to the number of elements in the accordion and its dimensions.
Download
***

jQuery Accordion Content Script for Featured Contents

Free Accordion Scripts
This Free Accordion Script allows you to group contents together and reveal them upon demand when the user clicks on their associated headers. Due to the special finctions of this script, the state of the contents is preserved within a browser session.
Download
***

jQuery Horizontal Accordion Script

Free Accordion Scripts
This cript is a jQuery Plugin that allows to turn an ordinary UL list into a horizontal accordion. Using CSS you can change its look and customize its functionality with the help of various options. This script is cross browser and IE6+, Firefox and Opera tested.
Demo
Download
***

Simple Javascript Accordion

Free Accordion Scripts
Here is the example of one of the smallest accordion scripts that can be simply and easily integrated. It does’nt require any framework and it is fully cross-browser compatible.
Download
***

Lightweight JavaScript Accordion with CSS

This JavaScript accordion is lightweight, ’cause it’s only 1.5kb. If you want to place an accordion in a small project and don’t want to include an entire JavaScript framework, this solution is a perfect one.
Download
***

Accordion Script With Multi-Level Support

Free Accordion Scripts
Here is the updated version of the previous Lightweight JavaScript Accordion with CSS. This lightweight updated script includes multi-level support, the option that allows multiple panels to expand simultaneously, and a hide/show all toggle.
Demo
Download
***

Animated JavaScript Accordion V2

Free Accordion Scripts
And one more updated version of the script mentioned above. This example is smaller, faster, supports multiple instances and includes an active header class toggle. With the improved markup and simplified CSS.
Demo
Download

This entry was posted in web design. Bookmark the permalink.