jQuery 자바스크립트로 아코디언 스타일 드롭다운 메뉴 만들기
오늘도 유익한 자바스크립트를 하나 배웠습니다. CSS로 메뉴 스타일을 꾸미는 방법들은 앞서 2단 및 3단 드롭다운 메뉴를 만드는 부분에서 충분히 설명을 드렸습니다. 이번에는 자연스럽게 아래로 쓸려 내려오는 아코디언 스타일의 2단 메뉴 입니다. MAIN 01 MAIN 02 SUB 01 SUB 02 SUB 03 SUB 04 MAIN 03 SUB 05 SUB 06 SUB 07 먼저 HTML 부분 입니다. 메인 메뉴는 가로 스타일이며, 서브 메뉴는 세로 형태 입니다. 서브메뉴가 길어야 아코디언 효과를 제대로 만끽할 수 있으니까요. 다음은 CSS 스타일 부분 입니다. /*RESET*/ * { margin: 0; padding: 0; } body { font: 17px 'Nanum Gothic', sans-seri..