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

그누보드5 모바일 대메뉴를 눌러서 서브메뉴 토글

· 2개월 전 · 339 · 4

그누보드5 순정 메뉴에서 대메뉴 링크에 # 을 넣고 하위 메뉴를 넣으면

대메뉴를 눌렀을때 서브메뉴가 열리는 구조 입니다.

 

 

 

 

 

기존 원본코드

 

            $(".btn_gnb_op").click(function(){
                $(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
            });

이 부분 아래에

[code]

            // adpro 250829-1752 링크가 #인 1차 메뉴 클릭 시 서브메뉴 토글 기능 추가
            $(".gnb_1da").on("click", function(e) {
                var href = $(this).attr('href');
                if (href === '#') {
                    e.preventDefault();
                    var $li = $(this).parent();
                    var $btn = $li.find(".btn_gnb_op");
                    var $submenu = $li.find(".gnb_2dul");
                    
                    if ($submenu.length > 0) {
                        $btn.toggleClass("btn_gnb_cl");
                        $submenu.slideToggle(300);
                    }
                }
            });

[/code]

 

이 부분이 추가되었습니다.

댓글 작성

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

로그인하기

댓글 4개

2개월 전

감사 합니다.

2개월 전

감사합니다 ^^

감사합니다.

감사합니다

게시글 목록

번호 제목
23254
23244
23241
23236
23200
23199
23179
23174
23138
23128
23125
23116
23109
23099
23092
23083
23079
23063
23050
23036
23029
23007
23003
22983
22959
22943
22939
22934
22905
22897