Create horizontal accordion as in the attached image

Can anybody please help me creating the same horizontal accordian menu with all the tabs default right side with s开发者_Python百科mall arrow images on those tabs.

The main idea is to change the arrow directions as and when moving right to left.

I googled jquery accordians but found without arrows.

Thanks in advance Ramesh.T.

Here are some good examples of how to do exactly that:

http://www.portalzine.de/index?/Horizontal_Accordion

http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html

http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

The second link has an extremely basic implementation, good to use as a reference if your not experienced.

Hope that helps!

This is a cool example for that. The only thing you need to re-arrange them.

http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html could be a good start or http://www.gethifi.com/blog/tutorial-a-horizontal-jquery-accordion-using-custom-event-binding looks almost exactly like what you want.