Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.
Plus a little extra!
One major issue I found while playing with this accordion script was that certain elements could NOT have a height or margins set. Doing so would cause a 'jerky' or 'snap' effect to happen. This also happens if too much content is squeezed into the space. So, study the css closely...
There are two options for non-js users. Either allow the user to see all the content when their javascript is turned off, or give them links they can follow.
The second option is how I coded this page. If you turn off javascript and reload the page, you'll notice that the accordion is visible but the content doesn't expand. Each of the green bars is still clickable. This would of course assume you have pages to take the user to.
© Copyright 2007 stickmanlabs
Accordion is freely distributable under the terms of an MIT-style license.