Нужны предыдущие/следующие стрелки в виджете Ementor ⇐ Javascript

[Anonymous]

Необходимо сделать, чтобы кнопки со стрелками влево/вправо открыли вкладки Prev/Next, соответственно, на виджете вкладок Elementor на этой странице. https://rsaengineering.wpenginepowered. ... abilities/
У виджета вкладок есть идентификаторы #возможностей, и на каждой вкладке есть ручной идентификатор #Tab-1, хотя #Tab-12. Кто -нибудь может сказать мне, в чем проблема? < /P>
document.addEventListener('DOMContentLoaded', function () {
const tabsContainer = document.querySelector('#capabilities-tabs');
const tabTitles = tabsContainer.querySelectorAll('.elementor-tab-title');
const nextButton = document.querySelector('.next-tab-button');

nextButton.addEventListener('click', function () {
const activeTab = tabsContainer.querySelector('.elementor-tab-title.elementor-active');
let currentIndex = Array.from(tabTitles).indexOf(activeTab);
let nextIndex = (currentIndex + 1) % tabTitles.length;

// Simulate click on the next tab
tabTitles[nextIndex].click();
});
});
< /code>
window.addEventListener('load', function() {
const hash = window.location.hash.substring(1); // remove the '#'

if (hash) {
const targetPanel = document.getElementById(hash);
if (targetPanel) {
const targetControl = targetPanel.getAttribute('aria-labelledby');
if (targetControl) {
const tabTitle = document.getElementById(targetControl);
if (tabTitle) {
tabTitle.click();
}
}
}
}
});
< /code>
etc...

Подробнее здесь: https://stackoverflow.com/questions/796 ... tween-tabs