scripts.js

let items = document.querySelectorAll('.accordeon-item-title');
let openItems = [];
// const maxOpened = document.querySelector(".accordeon").dataset.tabsLimit;

const maxOpened = () => document.querySelector(".accordeon").dataset.tabsLimit;

items.forEach((item, index) => {
  item.addEventListener('click', () => {
    if (item.parentElement.classList.contains("accordeon-item--open")) {
      let indexInOpenItems = openItems.indexOf(index);
      if (indexInOpenItems !== -1) {
        openItems.splice(indexInOpenItems, 1);
      }
      item.parentElement.classList.remove("accordeon-item--open");
    } else {
      openItems.push(index);
      item.parentElement.classList.add("accordeon-item--open");
      if (maxOpened() < 1) {
        return;
      }
      if (openItems.length > maxOpened()) {
        let firstOpenedIndex = openItems.shift();
        items[firstOpenedIndex].parentElement.classList.remove("accordeon-item--open");
      }
    }
  });
});