2024.07.22 기록

스타벅스 반응형 작업

//footer 모바일 메뉴 닫고열기

const footerMenuTitle = document.querySelectorAll('.footer_menu .menu_title');

footerMenuTitle.forEach((title,idx)=>{
    title.addEventListener('click',()=>{
        let menuList = title.nextElementSibling;
        let menuIcon = title.querySelector('.material-icons');

        if(menuList){
            const isOpen = menuList.style.display ==='block';
            menuList.style.display = isOpen ? 'none':'block';
            menuIcon.classList.toggle('active');
        }
    })
})

let menuList = title.nextElementSibling;

title.nextElementSibling 다음 형제 요소선택
title.previousElementSibling 이전 형제 요소선택

title.nextSibling 다음 형제 노드타입 가져옴
title.previousSibling 이전 형제 노드타입 가져옴