function toggleDocs(event) {

  let iconToggleShow = event.srcElement.parentElement.querySelector('.fse-pro-accordion-icon-show');
  let iconToggleHide = event.srcElement.parentElement.querySelector('.fse-pro-accordion-icon-hide');
  if (
    (event.srcElement.parentElement && event.srcElement.parentElement.className === "toggle-btn") ||
    (event.srcElement.parentElement && event.srcElement.parentElement.className === "toggle-btn active")
  ) {

    if (event.srcElement.parentElement.className === "toggle-btn") {
      iconToggleShow.style.display = 'block';
      iconToggleHide.style.display = 'none';
      event.srcElement.parentElement.classList.add("active");
      event.srcElement.parentElement.parentNode.parentNode.classList.add("active");
    } else {
      event.srcElement.parentElement.classList.remove("active");
      iconToggleShow.style.display = 'none';
      iconToggleHide.style.display = 'block';
      event.srcElement.parentElement.parentNode.parentNode.classList.remove("active");
    }
  }
}

window.addEventListener('DOMContentLoaded', function () {
  let btn = document.querySelectorAll('.toggle-btn');
  if (btn !== null) {
    btn.forEach((item) => {
      item.addEventListener("click", toggleDocs, true);
    })
  }
})

// function toggleDocs(event) {
//   console.log(event);
//   console.log(event.target.offsetParent.className);
//   if (
//     (event.target &&
//       event.target.className ===
//         "toggle-btn dashicons dashicons-arrow-down-alt2") ||
//     event.target.className ===
//       "toggle-btn dashicons dashicons-arrow-down-alt2 active"
//   ) {
//     var active = event.target.className;
//     if (active === "toggle-btn dashicons dashicons-arrow-down-alt2") {
//       event.srcElement.classList.add("active");
//     }
//     if (active === "toggle-btn dashicons dashicons-arrow-down-alt2 active") {
//       event.srcElement.classList.remove("active");
//     }
//     var next = event.target.nextElementSibling;

//     if (next.style.display == "none") {
//       next.style.display = "block";
//     } else {
//       next.style.display = "none";
//     }
//   }
// }

// document.addEventListener("click", toggleDocs, true);