// 모바일 슬라이드 메뉴 토글
var giMenuDuration = 300;
$(function () { // 토글버튼 함수
$(".menu-toggle-btn").click(function () { // 버튼클릭
if ($('.main_menu_mo').is(':visible') == false) {
$(".main_menu_mo").css({ 'display': 'block' }); //모바일 메
$(".main_menu_mo").css({ 'right': '-100%' });
$(".main_menu_mo").animate({ right: '0px' });
}
else {
$(".main_menu_mo").animate({ right: '-100%' }, { duration: giMenuDuration, complete: function () { $(".main_menu_mo").css({ 'display': 'none' }); } });
}
});
});
'HTML,CSS,JAVASCRIPT' 카테고리의 다른 글
html 에서 마우스 오버시 이미지 전환하는 코드 (0) | 2021.07.15 |
---|---|
제이쿼리로(자바스크립트) HTML에 클래스 추가 OR 삭제하기 (0) | 2021.07.14 |
스크롤에 반응하여 내려오는 네비게이션 JavaScript 코드 (0) | 2021.07.14 |
좌표 이동 애니메이션 무한반복 (0) | 2021.05.21 |
스와프 슬라이더 익스 11 호환성 가능한 구버전 (0) | 2021.05.11 |