apex4x
Version:
The Comprehensive ARIA Development Suite
53 lines (49 loc) • 1.73 kB
JavaScript
$A.import(["Animate", "Accordion"], { defer: true }, function () {
$A.setAccordion(".aria-accordion-trigger", {
isToggle: true,
allowMultiple: false,
preload: true,
preloadImages: true,
preloadCSS: true,
/*
// Enable auto-rendering when the page loads.
// When true, the hash tag in the URL will automatically open the associated DC object.
// To render automatically, the hash tag must match the DC object id.
// To set a hash tag within the address bar, use the $A.setPage() function.
// For more details, view: Help/ARIA Development/Browser History and Permalinks
// Plus: Help/DC API/DC Object Configuration/Behaviors
trackPage: true,
afterRender: function(dc) {
$A.setPage(
dc.id,
$A.getText(dc.triggerNode) + " ARIA Accordion - Apex 4X Technical Style Guide"
);
},
*/
/* Uncomment to set animation effects.
style: { display: "none" },
animate: {
onRender: function(dc, wrapper, next) {
$A.Velocity(wrapper, "transition.slideDownIn", {
duration: 1500,
complete: function() {
// Running next() is required to continue executing built-in lifecycle methods such as afterRender() when the animation completes.
next();
}
});
},
onRemove: function(dc, wrapper, next) {
$A.Velocity(wrapper, "transition.slideDownOut", {
delay: 500,
duration: 1500,
complete: function() {
// Running next() is required to continue executing built-in lifecycle methods such as afterRender() when the animation completes.
next();
}
});
}
},
*/
toggleClassName: "open",
});
});