Horizontal Accordian

This is a horizontal accordion written in javascript (JQUERY). You can download this from horizontal accordion.

How to use it

to use it include "horizAccordian.min.js" in your html and then call this as
$("#yourDiv").horizAccordian(headerWidth,animationDuration);

headerWidth is width of each head you want to assign. And animationDuration is time of animation.
you can copy formate of html from example given inside zip file.
you can assign any border are padding are margin it will handle it.

demo:

• head number 1
  

  accordion body number 1
  

• head number 2

  accordion body number 2
  

• head number 3

  accordion body number 3