jQuery .hover bug

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);
});