Stumble it!
Share
Delicious Del


Horizontal Javascript Accordion Menu!

Published on May 28, 2008

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.

  Advertisement

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

horizontal javascript accordion

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

Comments

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

Hi,

This is a very cool menu script. I wonder if there is a vertical version of this accordion script or not?

Thank you.
Niseco.

good for us!

Your article is write very well, I like it very much ~
I wish you have a wonderful day!Thank you.

Leave a comment

(required)

(required)