테스트 사이트 - 개발 중인 베타 버전입니다

모바일 메뉴에서 채택완료

다조아해 6년 전 조회 2,470

모바일 메뉴에서

1차 주메뉴를 누르면 1차 서브 메뉴가 보였다가

2차 주메뉴를 누르면 1차 주메뉴가 닫히고 2차 서브 메뉴가 보이게 할려고 합니다.

 

전에.. 테마 이렇게 된 것을 본거 같은데 찾을수가 없네요.

 

혹시 모바일에서 1주메뉴 누르면 서브 보였다가

다른 2주메뉴 누르면 이런 1주메뉴가 닫히게 할려면 어찌 해야 할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
이양엇
6년 전

</p>

<p>$("1차메뉴 요소").on("click", function(){

        menu_status = $(this).hasClass("on");

        if(menu_status == true){//메뉴가 열려있다면

            $(this).removeClass("on");

        }else{//메뉴가 닫혀있다면

            $("1차메뉴 요소").removeClass("on");

            $(this).addClass("on");

        }

    });</p>

<p>

 

저는 이 제이쿼리 코드를 사용하고있는데.

대신에 2차메뉴가 나올땐 1차메뉴에게 on이라는 클래스가 붙어야합니다

css에서 1차메뉴에게 on이라는 클래스가 붙었을때 2차메뉴가 보이게 설정을 해줘야합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

c
6년 전

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

c
6년 전

안녕하세요.

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

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

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

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인