Horizontal Javascript Accordion Menu! @ SmashingApps
      Stumble it!
 
  Delicious Del

Horizontal Javascript Accordion Menu!

Posted by AN Jay
May 28, 2008


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.

Codes and Scripts, Javascripts, Menu

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

Comments
Comment by Saeed on October 12, 2008 @ 9:42 am

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

Comment by Niseco on November 28, 2008 @ 10:03 pm

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.

Comment by priston tale Gold on March 27, 2009 @ 7:15 pm

This is a very cool menu script.

Comment by plastic injection molding on May 6, 2009 @ 5:14 pm

good for us!

Comment by Aion China kina on May 15, 2009 @ 9:17 pm

Thanks, it is very good, I like it very much.

Leave a comment

(required)

(required)