jQuery를 FadeIn/페이드 아웃이 너무 갑작스러운

Question

나는이 코드를 JS가

편집 : 나는이 fadeIn을 가지고 언급 잊어 버렸 때 iframe을로드

$('iframe').on('load', function(){ 
muteVideo(); 
playVideo(); 
$(this).fadeIn(); 
$('.ligarsom').fadeIn(); 
setTimeout(function() {$('.ligarsom').fadeOut()}, 20000); 
}); 

이

<script> 
$(document).ready(function(){ 
$('.ligarsom').on('click', function(){ 
$('.ligarsom').fadeOut(1000); 
}); 
}); 
</script> 

및 이 html

<div class="ligarsom" style="display:none;"></div> 

나는 스타일을 사용합니다 = "visibility : hidden"div는 나타나지 않습니다. 그리고 위의 fadeOut처럼 작동하지 않습니다, 애니메이션이 없다, 그냥 갑자기 숨 깁니다. 내 코드에 문제가 있습니까?

은에서 직접보기 :

Answer 1

문제점 :transition:는 fadOut() 애니메이션 기능과 충돌한다.

해결 방법 : CSS이 추가하기 :

.ligarsom, .ligarsom:hover{ 
    transition: none; 
} 

Answer 2

www.finecolor.com.br/novo이이 방법

HTML

<div class="ligarsom">click here</div> 

JQuery와

$(document).ready(function() { 
$(".ligarsom").click(function() { 

    $(this).fadeOut(100); 

}); 

}에서 작동합니다);