Horizontal Javascript Accordion Menu!
Smashing Apps Has Been Featured At Wordpress Showcase. If you like Smashing Apps and would like to share your love with us so you can click here to rate us.
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.
The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.
The front-end markup for the script is a simple unordered list as in the example below…
<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>
To build the accordion call the function below onload…
slideMenu.build('sm',200,10,10,1)
Click here to view the working sample.
| Download free stock photos on Dreamstime. Free registration |
If you enjoyed this post, please consider to leavea comment or subscribeto the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- SmashingApps Blog Statistics For August 2008
- Download Free Vector Graphics at Vecteezy!
- Site Tour Creator - Simple. Free. Open Source.
- Add Comments To Any Image And Share With Your Friends And Family!
- 7 New And Useful Free Sites With Unique File Hosting Features
- Convert Text to Voice Or Add Voice To Your Website With Free Online Utility
- IE (Trident)+Firefox (Gecko)+Chrome.Safari (Webkit)=Lunascape, The World's Only Triple Engine Browser
- AdsBlackList Provides A Database Of Made For Ads (MFA) And Low Cost Per Click (LCPC) Sites To Block So You Can increase Your sites Earning Potential By Attracting Higher Quality, Higher Paying Ads
- Download Free Web Development Icons From Icojoy
- Breathtaking: New Year’s Fireworks Shows For Celebrating 2010





Wow, this is a great script.
Many thanks for sharing.