Accordion

new ac.navigations.Accordion(
	{
		items: accordionItems
	},
	"#cntlAccordion"
);

<div id="cntlAccordion"/></div/>

const accordionItems = [
	{
		header: "Baseball",
		expanded: true,
		content:
			"Baseball, game played with a bat, a ball, and gloves between two teams of nine players each on a field with four white bases laid out in a diamond (i.e., a square oriented so that its diagonal line is vertical). Teams alternate positions as batters (offense) and fielders (defense), exchanging places when three members of the batting team are put out."
	},
	{
		header: "Football",
		content:
			"Football, version of the sport of football that evolved from English rugby and soccer (association football); it differs from soccer chiefly in allowing players to touch, throw, and carry the ball with their hands, and it differs from rugby in allowing each side to control the ball in alternating possessions."
	},
	{
		header: "Soccer",
		content:
			"Soccer, game in which two teams of 11 players, using any part of their bodies except their hands and arms, try to maneuver the ball into the opposing team’s goal. Only the goalkeeper is permitted to handle the ball and may do so only within the penalty area surrounding the goal. The team that scores more goals wins."
	}
];

new ac.navigations.Accordion(
	{
		expandMode: "Single",
		items: accordionItems
	},
	"#cntlAccordion"
);

<div id="cntlAccordion"/></div/>

new ac.navigations.Accordion(
	{
		items: accordionItems
	},
	"#cntlAccordion"
);