-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhamburger.js
More file actions
30 lines (24 loc) · 1.06 KB
/
hamburger.js
File metadata and controls
30 lines (24 loc) · 1.06 KB
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
// Hamburger menu toggle
const hamburgerButton = document.getElementById('hamburgerButton');
const mobileMenu = document.getElementById('mobileMenu');
hamburgerButton.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
dropdownButton.addEventListener('click', () => {
dropdownMenu.classList.toggle('hidden');
});
// Dropdown menu toggle (Mobile)
const dropdownButtonMobile = document.getElementById('dropdownButtonMobile');
const dropdownMenuMobile = document.getElementById('dropdownMenuMobile');
dropdownButtonMobile.addEventListener('click', () => {
dropdownMenuMobile.classList.toggle('hidden');
});
// Menutup dropdown jika klik di luar elemen dropdown
window.addEventListener('click', function(e) {
if (!dropdownButton.contains(e.target) && !dropdownMenu.contains(e.target)) {
dropdownMenu.classList.add('hidden');
}
if (!dropdownButtonMobile.contains(e.target) && !dropdownMenuMobile.contains(e.target)) {
dropdownMenuMobile.classList.add('hidden');
}
});