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' );
를 주석처리해주었더니 제대로 동작한다.
추가한 함수와 기존 함수가 충돌해서 그런 것이라고 함 (재원 피셜)
'개발로그 > 홈페이지' 카테고리의 다른 글
Amazon Linux 자동 재부팅 (cron) (0) | 2021.02.17 |
---|---|
워드프레스 HTTP ERROR 500 해결법 (0) | 2019.01.11 |
워드프레스 재설치,, 부트스트랩 적용 (0) | 2018.08.01 |