слайдер для тавбов

<script>
     document.querySelectorAll('.step-tab-link:nth-child(n+2) .step-content').forEach(function(element) {
        element.style.display = 'none';
    });

    document.querySelectorAll('.step-tab-link:nth-child(n+2) .step-content-text').forEach(function(element) {
        element.style.opacity = 0;
    });

    document.addEventListener('DOMContentLoaded', function() {
        function handleStepTabLinks() {
            // Функция для обработки клика по элементу
            $('.step-tabs-menu .step-tab-link').on('click', function(event) {
                // Предотвращаем переход по ссылке
                event.preventDefault();

                let $this = $(this);

                // Убираем у всех элементов класс active и скрываем текст step-content
                $('.step-tabs-menu .step-tab-link').removeClass('active');
                $('.step-tabs-menu .step-content').stop().slideUp(400, function(){
                    $('.step-content-text').not($this.find('.step-content-text')).css('opacity', 0);
                });

                // Добавляем класс active и отображаем текст step-content только для текущего элемента
                $(this).addClass('active');
                $(this).find('.step-content').stop().slideDown(400, function(){
                    $this.find('.step-content-text').css('opacity', 1);
                });
            });
        }

        function clickStepTabLinks() {
            // Устанавливаем текущий индекс
            var currentIndex = 1;

            // Создаем MediaQueryList объект для отслеживания разрешения экрана
            var mediaQuery = window.matchMedia('(max-width: 991px)');

            // Функция для клика по элементу и перехода к следующему
            function clickNext() {
                // Проверяем стиль display элемента с классом nav-menu-wrap и совпадение с медиа-запросом
                if (mediaQuery.matches && $('.nav-menu-wrap').css('display') === 'block') {
                    // Если разрешение 991px и ниже, и nav-menu-wrap имеет display block, останавливаем выполнение
                    return;
                }

                // Кликаем по текущему элементу
                $('.step-tabs-menu .step-tab-link').eq(currentIndex).click();

                // Увеличиваем индекс, или сбрасываем его, если он превышает количество элементов
                currentIndex = (currentIndex + 1) % $('.step-tabs-menu .step-tab-link').length;
            }

            // Запускаем функцию clickNext с интервалом в 3 секунды
            setInterval(clickNext, 5000);
        }

        // Вызываем обе функции при загрузке страницы
        handleStepTabLinks();
        clickStepTabLinks();
    });
</script>