Horizontal Javascript Accordion Menu!
You may be interested in our latest article 23 Unforgettable Resources Of 2008 You Couldn't Live Without
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.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
You May be Interested In More Interesting Free Resources
- Your Site Could Be Worth Millions And You Wouldn't Even Know It...
- 12 Free Glossy Blogging Icons Set for Bloggers
- Upload And Share Your Files Easily With Senduit
- The Premier Open-Source Platform For Rich Internet Applications
- Let’s Take A Look On Some FeedBurner's RSS Feed Analysis Tools
- Free Text Message (SMS) Polls and Voting, Audience Response System (ARS), PowerPoint Polling By Poll Everywhere
- Add A Daily Updating TwitterCounter To Your Blog So Everybody Can See How Popular You Are!
- Track Your Money Easily From Everywhere. Online Accounting For Real People - Moneytrackin'
- Run A Stress Test On Your Website And See How Your Website Will Cope Under Pressure
- Free PHP, JavaScript And Ajax Based ShoutBox




![header=[Premier Survey] body=[Create your own free survey in just 10 minutes!]](http://www.smashingapps.com/banner/premierysurvey-banner.jpg)
![header=[Dimdim web conferencing] body=[Web conferencing that just works. Dimdim provides easy, open, affordable collaboration. Use for online meetings, eLearning etc]](http://www.smashingapps.com/banner/dimdim-100x100.png)
![header=[You design, we code (PSD to XHTML)] body=[Fecoding can code in XHTML, CSS & JavaScript. If you want so they can also write AJAX requests, using JSON or not.]](http://www.smashingapps.com/banner/100x100fecoding-banner.jpg)


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