-
Notifications
You must be signed in to change notification settings - Fork 0
/
bs.js
30 lines (27 loc) · 1.25 KB
/
bs.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// Navbar
const collapseMobileButton = document.querySelector('#collapseMobileButton');
const collapse = document.querySelector('.collapse');
const closeCollapse = document.querySelector('#close-collapse');
closeCollapse.addEventListener('click', () => {
collapseMobileButton.classList.add('collapsed');
collapse.classList.remove('show');
})
const offcanvasNav = document.querySelector('.offcanvas-nav');
const backToNavButton = document.querySelector('#back-to-nav');
const offcanvasNavDropdowns = document.querySelector('.offcanvas-nav-dropdowns');
offcanvasNav.addEventListener('click', () => {
offcanvasNav.classList.remove('d-flex');
offcanvasNav.classList.add('d-none');
backToNavButton.classList.remove('invisible');
backToNavButton.removeAttribute('disabled');
offcanvasNavDropdowns.classList.remove('d-none');
offcanvasNavDropdowns.classList.add('d-block');
})
backToNavButton.addEventListener('click', () => {
offcanvasNav.classList.remove('d-none');
offcanvasNav.classList.add('d-flex');
backToNavButton.classList.add('invisible');
backToNavButton.setAttribute('disabled', '');
offcanvasNavDropdowns.classList.remove('d-block');
offcanvasNavDropdowns.classList.add('d-none');
})