Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- document.querySelectorAll('.categoty-doc-block').forEach(function(block) {
- let tabHeaders = block.querySelector('.subcategory-tab-list');
- if (!tabHeaders) return false; // Если нет вкладок, выходим
- let tabHeadersItems = tabHeaders.querySelectorAll('.tab-link-default');
- if (tabHeadersItems.length === 0) return false; // Если нет элементов вкладки, выходим
- let tabBody = block.querySelector('.document-list-wrapper');
- let tabBodyItems = tabBody.querySelectorAll('.document-list-item');
- tabHeadersItems.forEach(function(item) {
- let currentData = item.dataset.subcategory;
- if (tabBody.querySelectorAll(`[data-subcategory="${currentData}"]`).length === 0) {
- item.remove(); // Удалить вкладку, для которой нет содержимого
- }
- });
- // Обновляем tabHeadersItems после возможного удаления элементов
- tabHeadersItems = tabHeaders.querySelectorAll('.tab-link-default');
- // Устанавливаем класс для первой вкладки и показываем соответствующие документы
- if (tabHeadersItems.length > 0) {
- let firstItem = tabHeadersItems[0];
- firstItem.classList.add('w--current');
- let firstData = firstItem.dataset.subcategory;
- tabBodyItems.forEach(function(item) {
- if (item.dataset.subcategory !== firstData) {
- item.style.display = 'none';
- }
- });
- tabHeadersItems.forEach(function(item) {
- item.addEventListener('click', function() {
- let currentData = this.dataset.subcategory;
- // Снимаем выделение с предыдущих вкладок и применяем к текущей
- tabHeadersItems.forEach(function(i) { i.classList.remove('w--current'); });
- this.classList.add('w--current');
- // Скрываем все элементы и показываем только для текущей вкладки
- tabBodyItems.forEach(function(i) {
- if (i.dataset.subcategory !== currentData) {
- i.style.display = 'none';
- } else {
- i.style.display = '';
- }
- });
- });
- });
- }
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement