메뉴 레이아웃 가로 유형 1-2 가로로 된 메뉴(네비게이션)의 첫번째 유형 메인메뉴를 클릭하면 서브메뉴 전체가 slideDown, slideUp 되는 방식 메뉴 레이아웃 가로 유형 1-1과 다른점 1. 유형 1-1에 있는 css에 [header nav ul.gnb>li>ul.sub] 부분에 주석처리 되어있던 /*height: 160px;*/ 부분을 주석처리를 빼고 전체 높이를 설정해줌 (하나씩 보여질때는 해당 서브메뉴의 높이만큼만 보였으면 됐으나 한번에 보여지게 되면 높이가 같아야 하기 때문에) 2. js에서 this를 사용해서 find 자식 요소를 찾아 slideDown, slideUp을 했으나 1-2 유형에서는 해당 자식 서브메뉴를 각자 여는게 아니라 한번에 열어야 하기 때문에 this를 지우고 직접 전체에서 ul.sub 메뉴를 slideDown, slideUp 하게 함
DOCTYPE html>
![[웹디자인기능사 실기] 메뉴 레이아웃 가로 유형 1-2](https://mblogthumb-phinf.pstatic.net/MjAyMjAyMDlfMTg4/MDAxNjQ0NDAwMDg0Mjc5.mW_4oNfvewUslowf2ha2SPOchZSus60seNY4KvBqb5wg.BpCZX11HcBhrZMOzegq89J9f-ycDgHrKpDUOjWo7WGkg.PNG.thdqhdud0/image.png?type=w2)
#
jQuery
#
웹디자인기능사
#
웹디자인기능사jQuery
#
웹디자인기능사독학
#
웹디자인기능사소스
#
웹디자인기능사실기
#
웹디자인기능사실기자료
#
웹디자인기능사자료
#
웹디자인기능사제이쿼리
원문 링크 : [웹디자인기능사 실기] 메뉴 레이아웃 가로 유형 1-2
![[옛날메이플] 아르테일 만우절 이벤트 "맛있는 쿠키" 사냥터 및 보상 총정리 (추가중)](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjlfMjQ3/MDAxNzExNjkyMDIxOTI5.wAISaCnSDqT8ZcFd2A53GzBrq9gNNyZauqhgUuwrEG4g.fYS9ba9h7_AkOGzfr-_jo4PByQiMd2ew5mtWSyQExNQg.PNG/20240329145423.png?type=w2)
