hmw1001
25 lines
859 B
JavaScript
25 lines
859 B
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const trigger = document.querySelector('.mobile-menu-trigger');
|
|
const panel = document.querySelector('.mobile-menu-panel');
|
|
const closeBtn = document.querySelector('.mobile-menu-close');
|
|
|
|
if (trigger && panel && closeBtn) {
|
|
// 메뉴 열기
|
|
trigger.addEventListener('click', function () {
|
|
panel.classList.add('active');
|
|
});
|
|
|
|
// 메뉴 닫기
|
|
closeBtn.addEventListener('click', function () {
|
|
panel.classList.remove('active');
|
|
});
|
|
|
|
// 패널 바깥 영역 클릭 시 닫기 (선택적)
|
|
document.addEventListener('click', function(e) {
|
|
if (!panel.contains(e.target) && !trigger.contains(e.target)) {
|
|
panel.classList.remove('active');
|
|
}
|
|
});
|
|
}
|
|
});
|