Configuring an accordion

The accordion has a range of configurable options that allow us to change the default behavior of the widget. The following table lists the available options, their default values, and gives a brief description of their usage:

Option	Default value	Use
active	first child (the first panel is open)	Sets the active heading on page load.
animate	{}	Controls the animation of panels.
collapsible	false	Allows all of the content panels to be closed at the same time.
disabled	false	Disables the widget.
event	"click"	Specifies the event on headers that trigger drawers to open.
header	"> li >:first-child,> :not(li):even"	Sets the selector for header elements. Although it looks complex, this is a standard jQuery selector that simply targets the first child within every odd <li> element.
heightStyle	"auto"	Controls the height of the accordion and each panel
icons	'header': 'ui-icontriangle-1-e', 'headerSelected...