Subscribe to Feeds
19 Jul

Simple Javascript Accordions

Javascript

Javascript accordians have been used a lot in todays web design world. There are a lot of scripts we have seen and sure you too would have seen them.

Simple Javascript Accordions

We hope our script is one of the smallest accordion script which is extremely simple and easy to integrate. Does’nt require any framework and fully cross-browser compatible.

  • The SMALLEST Accordion Javascript ( 1,149 bytes )
  • Easy Integration.
  • Does’nt require any Framework.
  • Can be used as a Tab system ( sample in the demo )
  • Fully Cross-Browser Compatible
  • Source Files Included.

Below is a live demo of the script.

Below is the snippet to control the accordion.
<body onload=”new Accrodian(’my-menu’,5,’heighlight’);”>

which is in form of:
<body onload=”new Accordian(’container of your accordion’,speed,’highlighted accordion class name’);”>

Demo

Download

This file has been downloaded 36797 times.

End of Article

323 Responses to “Simple Javascript Accordions”

[33] 32 31 30 29 28 27 26 25 24 23 22 21 1 » Show All

  • a gravatar

    flo Said:  

    is it possible that at the beginning every button are close?

    323
  • a gravatar

    Haneef Said:  

    Hi,
    Thanks for the script . . . i have read all he comments tried my luck with all possibilities but text inside my content is looking stretch out. same like available DEMO its not smooth .
    Tried putting wrapper class as suggested but no sucess.
    Please help me in resolving this.

    322
  • a gravatar

    Jason Said:  

    Can’t get the css to align the squares with the tabs, in the tabbed version. the text box is always larger or smaller than the width of the tabs.

    321

Trackback / Pingbacks

Leave a comment

South Lake Tahoe

Hill View

Big Basin

Shells

The Moon

© 2007 - 2008 Dezinerfolio. All Rights Reserved.
Powered by Wordpress & Hosted at Zone.net