var accordion = function (e) {
    var acc = document.getElementsByClassName(e);
    if (acc.length > 0){
        
        for (i = 0; i < acc.length; i++) {
            if (acc[i].classList.contains('active')){
                var panel = acc[i].nextElementSibling;
                panel.style.maxHeight = panel.scrollHeight + "px";
            }
            var handler = acc[i].dataset.handler
            acc[i].dataset.index = i;
            acc[i].addEventListener("click", function (e) {
                if (e.target.tagName === handler || e.target.tagName === 'IMG' || e.target.tagName === 'I') {
                    for (j = 0; j < acc.length; j++) {
                        if (j != this.dataset.index){
                            var panel = acc[j].querySelectorAll('.aio-accordion-title')[0];
                            if (panel.classList.contains('active')){
                                panel.classList.toggle("active");
                                var panel = acc[j].nextElementSibling;
                                if (panel.style.maxHeight) {
                                    panel.style.maxHeight = null;
                                } else {
                                    panel.style.maxHeight = panel.scrollHeight + "px";
                                }  
                            }
                        }
                    }

                    var panel = this.querySelectorAll('.aio-accordion-title')[0];
                    panel.classList.toggle("active");
                    var panel = this.nextElementSibling;
                    if (panel.style.maxHeight) {
                        panel.style.maxHeight = null;
                    } else {
                        panel.style.maxHeight = panel.scrollHeight + "px";
                    }  
                }
            });
        }
        // acc[0].click();
    }
};