https://xn--63-dlcajagc1a9bj4a1d1e.xn--p1ai/bitrix/templates/aspro…/template/script.js?17728692922131

1(function() {
2    'use strict';
3
4    function initTabs(container) {
5        const buttons = container.querySelectorAll('.tab-button');
6        const panes = container.querySelectorAll('.tab-pane');
7        const blockId = container.id;
8
9        buttons.forEach(button => {
10            button.addEventListener('click', (e) => {
11                e.preventDefault();
12                
13                // Убираем активный класс у всех кнопок в этом блоке
14                const blockButtons = container.querySelectorAll('.tab-button');
15                blockButtons.forEach(btn => btn.classList.remove('active'));
16                
17                // Добавляем активный класс нажатой кнопке
18                button.classList.add('active');
19
20                // Скрываем все панели в этом блоке
21                const blockPanes = container.querySelectorAll('.tab-pane');
22                blockPanes.forEach(pane => pane.classList.remove('active'));
23
24                // Показываем нужную панель
25                const tabId = button.getAttribute('data-tab');
26                const activePane = document.getElementById(tabId);
27                if (activePane) {
28                    activePane.classList.add('active');
29                }
30            });
31        });
32    }
33
34    // Инициализация при загрузке страницы
35    document.addEventListener('DOMContentLoaded', function() {
36        const containers = document.querySelectorAll('.tabs-minimal');
37        containers.forEach(container => {
38            initTabs(container);
39        });
40    });
41
42    // Для динамически подгружаемого контента
43    document.addEventListener('ajaxSuccess', function() {
44        const containers = document.querySelectorAll('.tabs-minimal:not([data-initialized])');
45        containers.forEach(container => {
46            container.setAttribute('data-initialized', 'true');
47            initTabs(container);
48        });
49    });
50})();