From 93238b11930e25ae835f56e6dfad84bae2f97a6b Mon Sep 17 00:00:00 2001
From: Ariel Costas <94913521+arielcostas@users.noreply.github.com>
Date: Sat, 3 Feb 2024 00:56:09 +0100
Subject: Add transition and max-height to header and nav-socials

---
 assets/js/navbar.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'assets/js/navbar.js')

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
-- 
cgit v1.3