jquery.collapsible.js

Install

npm install @ak1ra/jquery-collapsible

$('.is-collapsible').collapsible({
  open: true
});

Example:

settings: {
  debug: true,
  open: true
}

Option	Type	Default	Info
`debug`	bool	`false`	show debug messages eg function calls
`trigger`	selector	`'.trigger'`	the trigger selector, must be located inside the init-element
`content`	selector	`'.content'`
`triggerClass`	string	`'trigger'`
`contentClass`	string	`'content'`
`open`	bool	`false`	default state on init
`classPrefix`	string	`'collapsible-'`
`openClass`	string	`'open'`
`closeClass`	string	`'close'`
`indicatorClass`	string	`'indicator'`
`indicatorParent`	bool or string	`false`	options: `'trigger'`, `'content'` or `'parent'`
`openText`	string	`'Show details'`
`closeText`	string	`'Hide details'`
`calcDelta`	function	`function () { return 0; }`
`activeToggle`	bool	`false`
`animated`	bool	`true`	whether or not the collapsing should be animated by JS

Note: status true equals the collapsible is open.

Example:

$('.foo').collapsible('toggle'[, false]);
// return status

Function	Arguments	Return	Info
`destroy`	none	none	Return the markup to the state before the collapsible was initiated.
`getStatus`	none	status (bool)	Returns the current state of the collapsible.
`toggle`	`status` (bool)	status (bool)	Toggle the visibility of the content. The `status`-argument can be passed to force a state.
`update`	none	status (bool)

Event	Data	Info
`adjust-viewport`	status (bool)	will be triggered, if the viewport needed to be adjusted to show the start of the content
`create`	status (bool)
`before-create`	status (bool)
`update`	status (bool)
`before-update`	status (bool)
`toggle`	status (bool)
`before-toggle`	current status (bool), new status (bool)
`init`	status (bool)
`destroy`	status (bool)
`before-destroy`	status (bool)