/
githubmirror
/
50projects50days
Обзор
Документация
Войти
/
githubmirror
/
50projects50days
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
mobile-tab-navigation/script.js
21 строка
522 B
Brad Traversy
Mobile tab navigation
19 окт 2020, 20:31
19 окт 2020, 20:31
c3f0877
Код
Авторство
О чём код?
const contents = document.querySelectorAll('.content') const listItems = document.querySelectorAll('nav ul li') listItems.forEach((item, idx) => { item.addEventListener('click', () => { hideAllContents() hideAllItems() item.classList.add('active') contents[idx].classList.add('show') }) }) function hideAllContents() { contents.forEach(content => content.classList.remove('show')) } function hideAllItems() { listItems.forEach(item => item.classList.remove('active')) }