jQuery-在设置悬停动画之前隐藏元素

当前，当我将鼠标悬停在特定元素上时，我正在使用这个jQuery小片段淡入/淡出一个div

$(".wall-block-content").hover(function(){
    $(this).stop().animate({'opacity':'1'},300); //stop for preveting conflict
},function(){
    $(this).stop().animate({'opacity':'0'},300); //100 for time/speed
});

除了在页面加载时可以看到“.wall-block-content”div（当我需要隐藏它时），它工作得很好

下面是一些示例标记，以防有所帮助

<div class="grid-block">

   <img src="images/thumbnail.jpg"/>

    <div class="wall-block-content">

        <!-- SOME FANCY CONTENT HERE -->

    </div><!--/.wall-block-content-->

</div><!--/.grid-block-->

因此，页面加载时基本上只能看到缩略图.jpg图像，当有人将鼠标悬停在该图像上时，.wall block content div会淡入其中

---

有什么想法吗？

为什么不使用jQuery函数.fadeIn（）和.fadeOut（）

对于您的问题：

。墙块内容{
显示：无；
}

使用

fadeIn（）

和

fadeOut（）

会更好

$('#imgtest').hover(function(){
    $('.wall-block-content').fadeIn('slow');

},function(){
    $('.wall-block-content').fadeOut('slow');
});

CSS:

.wall-block-content {display:none}

jQuery：

$('#imgtest').hover(function(){
    $('.wall-block-content').fadeToggle();
});

---

您还可以添加一个持续时间，如fadeToggle（“慢”）

是否通过css使用display:none或opacity:0隐藏它？两者都不是。如果我使用任一CSS规则，则动画功能不起作用……如果通过CSS将“不透明度”设置为0，它将起作用。或者使用show（）。设置动画。。。还有.animate（）.hide（），效果非常好！非常感谢。jQuery真的不是我的强项。我将如何在hover中使用它？$（'.grid block img'）.hover（function（）{$（'.wall block content'）.fadeIn（'slow'）；}，function（）{$（'.wall block content'）.fadeOut（'slow'）；}）；