Показать сообщение отдельно
  #5 (permalink)  
Старый 08.03.2023, 16:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Vaska
Как можно это исправить, чтобы страница не ползла вверх, после клика на таб?
не использовать ссылки или так
const tabs = document.querySelectorAll('.tabs');
        const content = document.querySelectorAll('.tab-content');
        tabs.forEach((tab, i) => {
            tab.addEventListener('click', event => {
                let target = event.target;
                event.preventDefault();
                if (target = target.closest('li')) {
                    let active = tab.querySelector('.active');
                    active.classList.remove('active');
                    content[i].querySelector('.active').classList.remove('active');
                    let index = [...tab.querySelectorAll('li')].indexOf(target);
                    target.classList.add('active');
                    content[i].children[index].classList.add('active');
                }
            })
        })
Ответить с цитированием