Sha256: 8cae2e98b6d5cd6d3fb936c80768a98af05358f27cc55a6cbff4f0bf87b8bd24
Contents?: true
Size: 1.34 KB
Versions: 13
Compression:
Stored size: 1.34 KB
Contents
const CLASS_TO_TOGGLE = 'accordion__icon--minus'; // A class defined in the stylesheet
const ACCORDION_ICON_CLASS = '.accordion__icon'; // Specific class in the HTML (from `_includes/accordion.html`)!
const COLLAPSE_STATES_ARR = ['show.bs.collapse', 'hide.bs.collapse']; // BOOTSTRAP 4 specific collapse states
function toggleClass(el) {
return el.classList.toggle(CLASS_TO_TOGGLE);
}
function findAccordionIcon(parent) {
const thisAccordionIcon = parent.querySelector(ACCORDION_ICON_CLASS);
toggleClass(thisAccordionIcon);
}
function onCollapseChangeFunction(stateChange) {
$('.collapse').on(stateChange, function (e) { // BOOTSTRAP 4 METHOD: https://getbootstrap.com/docs/4.3/components/collapse/#events
const COLLAPSE_PARENT = e.target.parentElement; // SPECIFIC TO THE BOOTSTRAP 4 COLLAPSE EVENT
//console.log(e.target.parentElement);
findAccordionIcon(COLLAPSE_PARENT);
});
}
function loopOverArr(arr) {
let len = arr.length;
for (var i = 0; i < len; i++) {
onCollapseChangeFunction(arr[i]);
}
}
function accordion() {
if ( !document.querySelector('[id^="collapse"]') && !document.querySelector('.accordion__icon') ) { // These ID's and CLASSES are unique to the _includes/accordion.html template.
return; // Bail out if the accordion is NOT in the page!
}
loopOverArr(COLLAPSE_STATES_ARR);
}
export default accordion;
Version data entries
13 entries across 13 versions & 1 rubygems