jQuery 悬停动画不会隐藏文本

我正在使用 jQuery 来悬停效果。我计划从现在开始扩展它，但我遇到了问题。问题是我想隐藏一些文本，直到您将鼠标悬停在该 div 上，然后它才会显示出来。然后一旦你移动到不同的 div 它会再次隐藏它？

这是我到目前为止。 http://jsfiddle.net/UDFw7/

CSS

.divname {
height: 20px;
width: 300px;
border: 1px solid black;
}

javascript

$('.divname').hover(function() {
$(this).animate({
    height: '40px'
}, 300);
},function() {
$(this).animate({
    height: '20px'
}, 300);
});

HTML

<div class='divname'>Text Here</div>
<div class='divname'>Text Here <br /> Hidden text until hover over</div>
<div class='divname'>Text Here</div>

最佳答案

将 overflow: hidden; 添加到 .divname

关于jQuery 悬停动画不会隐藏文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15431012/