반응형
mouseenter/mouseleave를 'on'으로 묶어서 적용
stop(true, true)로 불필요하게 반복되는 슬라이드 작업 잡아주기
$('#on').on({
mouseenter: function() {
$('.option').stop(true, true).slideDown();
},
mouseleave: function() {
$('.option').stop(true, true).slideUp();
}
});
반응형
'퍼블리셔 > jquery' 카테고리의 다른 글
animate 다중클릭/중복클릭/다클릭 방지 (0) | 2019.11.14 |
---|---|
<a href="#id">로 이동 부드럽게 하기 (0) | 2019.11.12 |
:empty 사용하기 (0) | 2019.10.22 |
scroll bottom 구하는 법 (0) | 2019.10.04 |
mouseenter / mouseleave / click 함께 사용하기 (0) | 2019.09.27 |