모바일 메뉴에서

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이라는 클래...

callsign · Answer

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

callsign · Answer

안녕하세요.

혹시 도움이 되실까 하여 답변드립니다.

https://mmenujs.com/mhead-plugin/

이 플러그인 한 번 확인해 보셨으면 합니다.

원하시는 형태가 맞을 지 모르겠네요.

모바일 메뉴에서

답변 3개

공유하기