Javascript 向下滚动后显示div内容

大家好，我正试图在从浏览器页面顶部向下滚动时显示一个隐藏的div，就像手风琴功能一样。我在这里使用的是以下代码：

HTML:-
// Visible DIV
<div class="firstBlock">
    <p>Lorem ipsum dolor sit Amet, consectetuer adipiscing.</p>
</div>
 // Hiddden DIV
<div class="textBlock">
    <p>Lorem ipsum dolor sit Amet, consectetuer adipiscing.</p>
</div>
// Visible DIV
<div class="secondBlock">
    <p>Lorem ipsum dolor sit Amet, consectetuer adipiscing.</p>
</div>

CSS:-

.textBlock {
  text-align: center;
  height: 104px;
  width: 100%;
  float: left;
  display: none;
}
.textBlock p {
  font-size: 16px;
  font-family: arial,helvetica,sans-serif;
  padding: 10% 5%;
  line-height: 20px;
}

jQuery:-
$(document).ready(function(){
  $(window).bind("scroll", function() {
    if ($(this).scrollTop() > 600) {
        $(".textBlock").fadeIn();
    } else {
        $(".textBlock").stop().fadeOut();
    }
  });
});

HTML：-
//可见DIV
Lorem ipsum dolor sit Amet，Concertetuer Adipising

//隐藏分区
Lorem ipsum dolor sit Amet，Concertetuer Adipising

//可见DIV
Lorem ipsum dolor sit Amet，Concertetuer Adipising

CSS:-
.textBlock{
文本对齐：居中；
高度：104px；
宽度：100%；
浮动：左；
显示：无；
}
.textBlock p{
字体大小：16px；
字体系列：arial、helvetica、无衬线字体；
填料：10%5%；
线高：20px；
}
jQuery：-
$（文档）.ready（函数（）{
$（窗口）.bind（“滚动”，函数（）{
如果（$（this）.scrollTop（）>600）{
$（“.textBlock”）.fadeIn（）；
}否则{
$（“.textBlock”）.stop（）.fadeOut（）；
}
});
});

---

但是它需要一些修改才能像手风琴功能一样工作。

如果你想要手风琴效果，你应该使用

slideDown

和

slideUp

功能（），例如：

---

问题是什么？@User1979它在工作我知道它在工作，但是我们能把fadeIn或fadeOut设置成手风琴一样的动画吗？@User1979使用

.animate（）

@User1979：我建议使用，而且，当用户滚动到它时，会让div显示出来。animate是一个css样式表，具有fadein和fadeout等动画