[jQuery] 아코디언 메뉴 개발

 

 

아코디언 메뉴

 

아코디언 메뉴의 정확한 의미는 모르지만, 연습 중인 예제들만 풀어봐도, 접었다 폈다 하는 카테고리나 메뉴라는 것은 어림짐작 할 수 있습니다. 이러한 기능들은, 솔직히 지금 어느 웹 페이지나, 앱을 들어갔을 때, 메뉴들을 탭 하면 흔하게 볼 수 있는 효과들인데요. 그렇기 때문에 본능적으로 아코디언 메뉴를 많이 만들어 볼 필요성을 느꼈습니다.

 

아코디언 메뉴

 

제가 만든 메뉴입니다. 컨셉은 QnA 게시판이고요, 질문을 클릭하면 답변이 밑에 뜨는 것을 코딩 했습니다. 물론 다시 한 번 누르면 답변은 slideUp 되고요, 클릭 한 질문의 답변 외에 다른 답변들이 열려있지 않게도 코딩 했습니다.