모바일 메뉴에서

Question

모바일 메뉴에서 1차 주메뉴를 누르면 1차 서브 메뉴가 보였다가 2차 주메뉴를 누르면 1차 주메뉴가 닫히고 2차 서브 메뉴가 보이게 할려고 합니다. 전에.. 테마 이렇게 된 것을 본거 같은데 찾을수가 없네요. 혹시 모바일에서 1주메뉴 누르면 서브 보였다가 다른 2주메뉴 누르면 이런 1주메뉴가 닫히게 할려면 어찌 해야 할까요?

갭갭 · Accepted Answer

[code] $("1차메뉴 요소").on("click", function(){ menu_status = $(this).hasClass("on"); if(menu_status == true){//메뉴가 열려있다면 $(this).removeClass("on"); }else{//메뉴가 닫혀있다면 $("1차메뉴 요소").removeClass("on"); $(this).addClass("on"); } }); [/code] 저는 이 제이쿼리 코드를 사용하고있는데. 대신에 2차메뉴가 나올땐 1차메뉴에게 on이라는 클래스가 붙어야합니다 css에서 1차메뉴에게 on이라는 클래스가 붙었을때 2차메뉴가 보이게 설정을 해줘야합니다

callsign · Answer

작성하신 글을 다시 보니 사이드 메뉴에서 펼쳐지는 게 아니고 메인 페이지 상에서 작동하는 형태를 말씀하시는 것 같네요. ㅠ

callsign · Answer

안녕하세요.

혹시 도움이 되실까 하여 답변드립니다.

https://mmenujs.com/mhead-plugin/

이 플러그인 한 번 확인해 보셨으면 합니다.

원하시는 형태가 맞을 지 모르겠네요.

모바일 메뉴에서

답변 3개

공유하기