Endlose Animationsfunktion, die einen Parameter für das Ereignis 'Hover' empfängt

Question

Die Idee besteht darin, eine Animation auszuführen, während sich der Cursor über einem Div befindet. Ich habe das schon mal gemacht aber jetzt bekommt die Funktion mit der Animation einen Parameter und wenn ich den Parameter hinzufüge explodiert die Seite. Ohne diesen letzten Aufruf der Funktion stürzt der Code die Seite nicht ab. Bitte überprüfen Sie meinen Code:

function OnHover() { 
    function Animation(obj) { 
     obj.stop().animate({ top: '20px' }, 600).animate({ top: '0px' }, 600, Animation(obj)); 
} 

    $('#infobox').hover(
     function(event) { 
      $circle = $(event.target).children().first(); 
      Animation($circle); 
     }, 
     function(event) { 
      $circle = $(event.target).children(); 
      $circle.stop(); 
     } 
    ); 
} 

Answer 1

ich diese Abhilfe verwendet haben:

$target = undefined; 
$("#wrapper .infobox").mouseenter(event, function animate() { 
       if (typeof $target == 'undefined') 
        $target = $(event.target).children(); 

       $target.animate({ marginTop: "+=40px" }, 600); 
       $target.animate({ marginTop: "-=40px" }, 600, animate); 
      } 
     ); 
     $("#wrapper .infobox").mouseleave(function() { 
       $target.stop(true, false).animate({ marginTop: '20px'}, 300); 
       $target = undefined; 
      } 
     );