채택완료

토글 메뉴 질문 입니다.

2023-03-22 (수) 10:49:43 2,220

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

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

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

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

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

2109067063_1679449781.114.png

Copy
$('.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();
        }

    });
|

답변 1개

채택된 답변
+20 포인트
2023-03-22 (수) 11:14:43

if 

else 절 에서

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

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

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