我需要你的 javascript 帮助。
现状：
我正在制作一个网站，其功能类似于幻灯片放映：每张幻灯片由标题、图像和一些文字组成。文字下方是一个指向下方的小箭头。当您单击它时，您应该向下滚动到下一张幻灯片。当它向下滚动时，它应该淡入下一个标题。你可以在这里找到我到目前为止所得到的：http: //jsfiddle.net/singue/mjvky
<script type="text/javascript">
问题：每当单击箭头时，它有时会滚动，有时不会滚动到所需的 div。看起来很随意。另一个问题仅与第一个箭头有关：当我单击它时，下一个标题、图像和文本 div 将隐藏，但第三张幻灯片在第一张幻灯片之后向上滑动。然后它会从第一张幻灯片滚动到第二张幻灯片，但您会在滚动时看到第三张幻灯片。为什么在单击第一个箭头时才会发生这种情况？
你知道如何让它工作吗？
非常感谢！
伊夫