Setup
There are 2 ways to initialise the component.
Automatic
Add data-ecl-auto-init="Accordion"
attribute to component's markup:
<div class="ecl-accordion" data-ecl-accordion data-ecl-auto-init="Accordion">
...
</div>
Use the ECL
library's autoInit()
(ECL.autoInit()
) when your page is ready or other custom event you want to hook onto.
Manual
Get target element, create an instance and invoke init()
.
Given you have 1 element with an attribute data-ecl-accordion
on the page:
var elt = document.querySelector('[data-ecl-accordion]');
var accordion = new ECL.Accordion(elt);
accordion.init();
Retrieve an existing instance
If an existing instance needs to be updated, it can be retrieved this way:
var elt = document.querySelector('[data-ecl-accordion]');
var instance = ECL.components.get(elt);