Accordion

There is you can see an accordion widget on this page. It allows provide content as collapsed panels.

The widget gets two parameters:

  • items - the list of items to render
  • options - the HTML attributes for the widget container tag

Each item allows the next string attributes:

  • title - the string header of item
  • active - whether the item is opened
  • id - the string identificator for the item
  • content - the string content of this item
  • options - the array of a HTML options for the content tag

Main attributes are title and content. It's enough for using. There is an example below.

Collapsible Group Items #1

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Collapsible Item 2 data

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,

Collapsible Item 3 data

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor

Code