each( ) 🙾 대상.each(function(){각요소마다 할일}); 🙾 대상.each(function(index){각요소마다 할일}); - index는 무엇을 쓰든 숫자로 인식 aside menu $(function(){ let aside = $('.page-main > aside'), asideBtn = aside.find('button') duration = 400; /* asideBtn을 클릭하면 할일 aside가 0.3초에 걸쳐 나타나도록 */ asideBtn.click(function(){ aside.toggleClass('active'); /* aside에 클래스명 active가 있다면 aside가 나오도록 없다면 aside 원위치로 */ if(aside.hasClass('active')..
submenu (서브메뉴) 🙾 서브 메뉴의 높이에 따라 노출 let header = $('header'); let headerHeight = header.outerHeight(); let menu = $('nav > ul > li'); let headerTotalHeight = 0; /* 마우스가 올라간 그 요소의 자식요소(ul)의 높이를 구하고, 기존 header의 높이와 합산하여 header 높이를 변경한다. */ menu.mouseover(function(){ let headerTotalHeight = headerHeight + $(this).find('ul').outerHeight(); header.stop().animate({height: headerTotalHeight}); }) .mouseo..