jquery - jQuery .hover 错误

Question

当鼠标悬停在框（“titulo”）上时，我正在做一些代码来做某事，但是当鼠标悬停在字母上时，效果会关闭。代码在上面，网站在这里：

http://www.feijaodesign.com/toga/

带有效果的框是唯一带有文本“PROMOÇOES”的框

谢谢队友。

$(".titulo").hover(function(){
  $(".titulo").animate({
    top: "0px",
    height: "100px"
  }, 100 );
});

$(".titulo").hover(function(){
  $(".titulo").animate({
    top: "55px",
    height: "45px"
  }, 100 );
});

Answer 1

您应该hover()以不同的方式使用方法：

$(".titulo").hover(function() {
    $(this).animate({
        top: "0px",
        height: "100px"
    }, 100);
}, function() {
    $(this).animate({
        top: "55px",
        height: "45px"
    }, 100);
});