jQueryのホバー上でアニメーションを停止して再起動する

Question

jQueryを使用してアニメーションボタンを作成しようとしています。ホバー上で停止し、ホバーしていないときに再起動する必要があります。その後、私はアニメーションを再起動する方法がわからない、

$(document).ready(function test() { 
     $('#box').animate({opacity:0.5}, {duration:750}) 
     .animate({opacity:1}, {duration:1500}) 
     .animate({opacity:0.5}, {duration:750, complete: test}) 
     ; 
    }); 

そして、私は.stop（とホバーを追加しようとした）が、私はこのようになりますループを使用しているアニメーションの

。何か提案はありますか？

はまた、私はここで、この少し例を持っている：http://jsfiddle.net/fTpZZ/

Answer 1

それぞれ第1、第2引数としてhandlerInとhandlerOut方法を扱うことができるホバリング（）イベントハンドラ。

ホバー（handlerIn（eventObject）が、handlerOut（eventObject）が）

2つの別個の関数を作成 -

.hover() - jQuery API

Answer 2

"オフ" のための "オン" 状態のための1つ、および1つの作業ソリューション：（http://jsfiddle.net/fTpZZ/50/）

$(document).ready(function() 
    { 
     $('#box').hover(function() {     
      $('#box').stop(); 
      $('#box').animate({opacity:0},1); 
     }); 

     function foo() 
     { 
      $('#box').animate({opacity:0.5}, 750, function(){ 
       $('#box').animate({opacity:1}, 1500, function(){ 
        $('#box').animate({opacity:0.5}, 750, foo());  
       }); 
      });    
     } 

     foo();   
    });