본문 바로가기

개발로그/홈페이지

slidetoggle 추가!

header.php에 


<script src="https://code.jquery.com/jquery-3.3.1.js"></script> 


를 추가.



js/function.js에 아래 함수를 추가


    $(document).ready(function() {
        // 좌측 네비게이션 메뉴 slideToggle      
        $toggleBtn = $('#site-navigation .nav-menu .dropdown-toggle');
        
        $toggleBtn.on('click',function () {
            $(this).siblings('.sub-menu').slideToggle('slow');
        })
    }) 슬라이드 토글 애니가 되긴 하는데, toggle-on이 디폴트로 되어있는 것 마냥 이상하게 동작한다.
initMainNavigation 함수에서 _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' ); 를 주석처리해주었더니 제대로 동작한다. 추가한 함수와 기존 함수가 충돌해서 그런 것이라고 함 (재원 피셜)