Jquery 토글 ('슬라이드')은 한 번만 슬라이드합니다.

Question

jquery에 대한 새로운 소식입니다. 내 질문이 너무 기본적인 경우 사전에 용서해주십시오. CSS와 jquery 문제가 혼합 된 모양의 호버 슬라이드 효과에 몇 가지 문제가 있습니다. 이미지 위에 마우스를 올리면 처음에는 이미지 끝까지 완벽하게 슬라이드되지만 호버 효과는 슬라이딩 이미지에서 시작하는 대신 두 번째로 첫 번째 요소 아래에서 절반 만 슬라이드하는 것처럼 보입니다. 결국.

나는이 많은 다른 가능성을 시도했지만 누군가가 올바른 방향 :

내가 할 수를 달성하기 위해 노력하고 무엇의 예에 날 지점 수 있다면 지금까지 운이 없었다, 나는 매우 감사 할 것 당신이 가져가에 토글을 사용하면 사전

Answer 1

여기에

http://jsfiddle.net/robolist/rK4GD/

$('.proimg').hover(function(event) { 
     $('.boxcaption',this).stop().toggle('slide'); 
}).on('mouseleave',function(event) { 
     $('.boxcaption',this).stop().toggle('slide')}); 

많은 감사를 발견, 당신이 할 mouseleave 이벤트를 수행 할 필요가 없습니다. 또한 정지 끝에 두 번째 점프 분명 큐 먼저, 부울 매개 변수를 취주의 :

그냥 수행

이

$('.proimg').hover(function(event) { 
    $('.boxcaption',this).stop(true, true).toggle('slide'); 
}); 

바이올린 : http://jsfiddle.net/rK4GD/10/이

참조가 : http://api.jquery.com/stop/