An accordion control groups related information within expandable and collapsable sections.
<div
role="link"
class="accAccordion"
data-src="path/file.html#accordion1contentID"
data-role="Accordion"
data-openstate="Expanded"
data-defaultopen="true"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
id="uniqueID"
> Accordion1 Link Text </div>
Or
<div
role="link"
class="accAccordion"
data-internal="accordion1contentID"
data-role="Accordion"
data-openstate="Expanded"
data-defaultopen="true"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
id="uniqueID"
> Accordion1 Link Text </div>
<div class="hidden">
<div id="accordion1contentID">
...
</div>
...
</div>
$A.reg.uniqueID.open();
// All other AccDC API properties and methods are similarly available.