반응형
$("#hd_menu").click(function(){
var spos = $("#hd_side_menu").css('left');
if(spos == '0px' ){ //사이드 닫힘
$("#hd_menu i.fa").removeClass('fa-times').addClass('fa-bars');
$("#hd_side_menu").stop(true,true).animate({'left':'-300px'});
}else{ //사이드 열림
$("#hd_menu i.fa").removeClass('fa-bars').addClass('fa-times');
$("#hd_side_menu").stop(true,true).animate({'left':'0'});
}
});
반응형
'Frontend > Javascript Typescript' 카테고리의 다른 글
[Typescript] Typescript Essentials1 (1) | 2023.11.01 |
---|---|
[Jquery]사이즈에 따른 반응형 스크립트 / colspan setAttribute (0) | 2021.12.15 |
jquery scrollTo 부드럽게 스크롤 (0) | 2021.10.24 |
smooth scroll (1) | 2021.09.30 |
javascript library anime.js (1) | 2021.09.30 |