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

토글 메뉴 질문 입니다. 채택완료

웹프리죤 2년 전 조회 1,976

클릭 하는 메뉴는 토글(보임/숨김) 되고 이미 열려 있는 상태에서 다른 메뉴를 클릭을 하면

열린 메뉴는 닫히고 클릭하는 메뉴가 다시 토글이 되야 되는데 먼가 잘 안되네요..

이거 어떻게 동시에 될까요?

 

지금 증상은 메뉴 하나 토글은 잘 되는데 열려진 메뉴가 있으면 그게 닫히고 클릭한게 열려야 되는데

한번더 클릭을 해야 클릭한 메뉴가 다시 열리네요..

 

 

</p>

<p>$('.btn-depth2-toggle').click(function() {

        

        if($("#mobile-menu li button").hasClass("active") === true) {

            $('#mobile-menu li button').removeClass('active');

            $('#mobile-menu li ul').hide();

        } else {

            $(this).toggleClass('active');

            $(this).next('ul').toggle();

        }</p>

<p>    });</p>

<p>

 

 

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

답변 1개

채택된 답변
+20 포인트

if 

else 절 에서

$('#mobile-menu li button').removeClass('active');

이 부분을 먼저 실행하고 하면 될 것입니다.

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

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

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

로그인