function initAccordionProvince() {
  var acc = document.getElementsByClassName("accordion");
  var i;
  for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
        setTimeout(setCurrentAccordion(this), 1000);
    });
  }
}

// click on accordion
function setCurrentAccordion(mythis) {
    //console.log("setCurrentAccordion:accordion button clicked");
    mythis.classList.toggle("active");
    mythis.classList.add("current");
    var panel = mythis.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      //panel.style.maxHeight = panel.scrollHeight + "px";
      panel.style.maxHeight = "100%";
    } 
}

  // initial call when the page has finish loaded
  window.onload = async function() {
    // init accordion
    initAccordionProvince();
};