TinyAccordion JavaScript Accordion

Exand All | Collapse All

- ### About

  - ### Nested One

    Donec elementum lobortis lorem. Sed aliquet lacus vitae nibh. Sed ullamcorper pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  - ### Nested Two

    Vestibulum blandit mauris elementum mauris.

  - ### Nested Three

    Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
  This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. For more information visit leigeber.com.

- ### Instructions

  To initialize an accordion use the following code:
  `var accordion=new TINY.accordion.slider("accordion");
  accordion.init("accordion","h3",false,0,"selected");`
  You must create a new accordion object before initialization. The parameter taken by accordion.slider is the variable name used for the object. The object.init function takes 5 parameters: the id of the accordion “ul”, the header element tag, whether the panels should be expandable independently (optional), the index of the initially expanded section (optional) and the class for the active header (optional).

- ### Licensing & Support

  This script is provided as-is with no warranty or guarantee. It is available at no cost for any project, non-commercial or commercial. Paid support is available by clicking here