Accordion V2.0 is built with scriptaculous ajax library. Accordion V2.0 is fast, lightweight and tested in all major browsers. In accordion V2.0 lots of bugs has been fixed.
Here are the couple of features for Accordion V2.0
- Open and close functionality
- Nested vertical accordions
- All accordions will automatically resized when contents added in real time manner
- Supports horizontal and vertical accordion
How to use accordion ajax script
You need to include accordion.js but it requires prototype.js and effects.js
<script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> <script type="text/javascript" src="javascript/accordion.js"></script>
The Markup
Pretty much anything will work, so its really up to you. The presentation is up to you (see the source of this page for some examples). Ideally you should probably use header tags with div’s containing the content as this would be best symantically speaking and for seo. Below is a basic example.
<h2 class="accordion_toggle">Title Bar</h2> <div class="accordion_content">...</div> ... ... ... <h2 class="accordion_toggle">Title Bar</h2> <div class="accordion_content">...</div>
The important thing here is that it need to be the title element then the content element and so on, nothing in between, just like every other accordion.
The Options
Not many options, but all you need to make this thing do anything you may require!
Click here to visit author page for support.
(8 votes, average: 3.25 out of 5)
By Duncan Marshall on May 13, 2009 | Reply
This appears to be the Accordion script by Kevin Miller at Stickmanlabs.com, yet there doesn’t appear to be any credit given on this page. Shouldn’t you be making it clear this isn’t your work?
By Ajax Lady on May 14, 2009 | Reply
Duncan,
Author link is already mentioned above the download link image.
By Duncan Marshall on May 19, 2009 | Reply
I don’t think that is a satisfactory response. For one thing, the word “here” isn’t an obvious link (it should at least be underlined), but more importantly, how about saying something like “Visit the Stickmanlabs site for full details and support” and underlining Stickmanlabs as the link? Even better, how about headlining the article “Stickmanlabs Accordion V2.0″?
Similarly, why does the download link prompt a zip file on your own server? Doesn’t that contribute to the impression that this is your work? I really think you need to be clear about its origin.
I’m sure you would want to avoid visitors forming the impression that yours is a website populated by uncredited work from other developers.