지연 및 애니메이션 jquery 토글

Question

나는 arround를 재생하려고하는데 나는 jquery를 완전히 안다! 그래서

$(function() { 
     $('#switch').on('click', function() { 
      $('#customOverlay').toggle(); 
     }); 
    }); 

은 내가 빛 스위처했다 :)의 definetly 도움이 필요하고 나는 customOverlay를 추가하여 온/오프 빛을 설정하려합니다.

정상적으로 작동하지만 예상대로 작동하지 않습니다. 나는 1000ms와 같은 그것을 지연하고 싶습니다 그리고 난 그냥 빨리 가시성을 켜고 끄는 이런 식으로 원인이 애니메이션 싶어요. 심지어 지연시킬 수없는 원인 일 수 있으며 토글을 어떻게 움직일 수 있는지 알 수 없습니다.

미리 감사드립니다.

Answer 1

이 .fadeToggle()을 시도하여보십시오 :

$(function() { 
     $('#switch').on('click', function() { 
      $('#customOverlay').delay(1000).fadeToggle(); 
     }); 
}); 

또는

$(function() { 
     $('#switch').on('click', function() { 
      $('#customOverlay').fadeToggle(1000); 
     }); 
}); 

만 .delay()을 사용하고 .delay()에만 적용되기 때문에 .toggle가 작동하지 않습니다 다른 답변 동물은 애니메이션을 적용하지 않으며 .fadeToggle()은 수행하지 않습니다.

Answer 2

.delay()

$('#customOverlay').delay(1000).fadeToggle();