jQuery fade not Smoothly 애니메이션

Question

요소를 숨기고 jQuery를 사용하여 요소를 숨기고 mouseexit에서 다시 표시합니다. 그러나 입력 한 기간에 관계없이 .fadeOut() 메서드를 실행할 때 또는 기본값으로두면 지속 시간을 기다린 다음 일시적으로 페이드 아웃/인하 기보다는 즉각 나타납니다. 크롬의 최신 버전입니다. 다른 사람 누구나이 문제에 빠지니?

$(document).ready(function(){ 
    $(".navbutton").hover(
     function() { 
      $('span.linktext, span.linkdropcap').fadeOut(); 
     }, 
     function() { 
      $('span.linktext, span.linkdropcap').fadeIn(); 
     } 
    ); 
}); 

다른 브라우저에서도 똑같은 동작을합니다. http://jsfiddle.net/TXrDk/

Answer 1

당신이 퇴색 할 요소에서 이것을 가지고, 그리고 그것을 잘 작동합니다 :

이 jsFiddle를 참조하십시오. 예 : jsfiddle

transition:.5s ease-in-out;