将多个动画与jQuery组合的正确方法是什么？

Question

这就是我作为动画编写的内容 - 但它同时适用于所有带有此动画的HTML元素，而不是每个元素作为自己的动画过程。

我错过了什么？

// JavaScript Document
          $(document).ready(function(){ 
               $('.learnmore').mouseenter(function(){
                  $(".cover").stop().animate({top:'150px'},{ duration:160});
                });

                $('.learnmore').mouseleave(function(){
                      $(".cover").stop().delay('2500').animate({top:'300px'},{ duration:160,easing:'easeOutBounce'});
                });


        });  

Answer 1

见这里的例子。 http://jsfiddle.net/robx/VdUuM/3/ 解释也在那里用代码评论。

Answer 2

您需要更多特定的CSS来代替$（“。cover”）。 像

这样的东西

$(this).children('.cover')...

或者

$('.learnmore .cover')...