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