jQuery .fadeTo() 효과에서 이상한 점멸을 일으키는 원인은 무엇입니까?

Question

는 여기에 몇 가지 작은 이미지가있는 페이지의 :

http://thenozzle.net/games

는 내가 원하는 것은 당신이 하나의 썸네일을 통해 호브 때, 다른 사람 (검은 DIV 각 엄지 손가락 뒤에있다) 검은 색으로 페이드입니다. 마우스를 가져 가면 다시 돌아옵니다.

한 썸네일에서 다음 썸네일로 이동하면 페이지의 다른 모든 축소판이 사라지고 매우 빠르게 사라집니다. 이 문제를 어떻게 방지 할 수 있습니까? 달성하려는 일을하는 더 좋은 방법이 있습니까?

는 여기에 지금까지이 작업은 다음과 같습니다

$('.child-thumb').hover(
    function() { 
     $(this).addClass('active').removeClass('inactive'); 
     $('.inactive').children('img').stop(1,1).fadeTo('fast', .3); 
      $('.inactive').children('p').stop(1,1).fadeTo('fast', .3); 
    }, 
    function() { 
     $('.inactive').children('img').stop(1,1).fadeTo('fast', 1); 
      $('.inactive').children('p').stop(1,1).fadeTo('fast', 1); 
     $(this).removeClass('active').addClass('inactive'); 
    } 
); 

참고 2 : 또한, 나는 단순화하거나 빠른/가볍고, 알려 주시기 바랍니다/더 의미하게 내 코드를 압축 할 수있는 방법이 있다면.

감사합니다.

Answer 1

.stop()을 부적절하게 사용하고 있습니다. 당신이 여기에서 필요로 할 수있는 유일한 매개 변수가 [clearqueue] = 사실 (그것은 당신이 아래 .3s에서 스위치를 만드는 사용자에 대한 걱정 만입니다) .stop(true)

예에

단지 설정의 모든 중지 : 참고

$('.inactive').children('img').stop(true).fadeTo('fast', .3); 

jsfiddle