diff options
| author | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2024-02-03 00:56:09 +0100 |
|---|---|---|
| committer | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2024-02-03 00:56:09 +0100 |
| commit | 93238b11930e25ae835f56e6dfad84bae2f97a6b (patch) | |
| tree | 7c07492533c8de6b0a73bb1e0d13efde0b4e44b2 /assets/js | |
| parent | 2763ae085bc157712571b42ff0d77481a31160bc (diff) | |
Add transition and max-height to header and nav-socials
Diffstat (limited to 'assets/js')
| -rw-r--r-- | assets/js/navbar.js | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/assets/js/navbar.js b/assets/js/navbar.js index 902ed8f..c609e1a 100644 --- a/assets/js/navbar.js +++ b/assets/js/navbar.js @@ -4,7 +4,13 @@ const header = document.querySelector('body > header'); const toggleButton = document.querySelector('button#mobile-menu'); function toggleNavbar() { - header.classList.toggle('collapsed'); + const present = header.classList.toggle('collapsed'); + + if (present) { + header.setAttribute('aria-expanded', 'true'); + } else { + header.setAttribute('aria-expanded', 'false'); + } } toggleButton.addEventListener('click', toggleNavbar);
\ No newline at end of file |