(유용한 코딩소스) JQuery 제이쿼리 아코디언 메뉴바

See the Pen 제이쿼리 멜로디언 메뉴 by kimyangsun (@kimyangsun) on CodePen.

제이쿼리 아코디언 다운 메뉴바입니다.

 

해당 코드는 메뉴를 클릭시 밑에 메뉴는 밀리고 위에 메뉴의 2차메뉴 혹은 3차메뉴가 나오게 되는 메뉴에

 

사용하면 유용할 것 같습니다. 특히 모바일 메뉴들에 이런 메뉴들이 많은데 가려져 있는 2차메뉴 3차메뉴가 나오면서 

 

밑에 메뉴를 밀어내야 하기 때문에 css 만으로 하려면 힘들어지곤 합니다. 제이쿼리 자바스크립트를 사용하여

 

손쉽게 만들면 될 것 같습니다.

 

https://codepen.io/kimyangsun/details/QWwVdoo

제이쿼리 아코디언 메뉴