我很感激对这个问题的解决方案提供一些帮助和见解。我正在开发一个网站，其标题div的初始可见高度为180px。标题div的总高度为340px。当用户点击链接时，我需要向下滑动标题div以显示其自身的其余部分（顶部）。因此，从数学上讲，当用户加载页面时，将显示340px标题div的底部180px。当他们点击链接时，div的其余部分向下滑动以显示其顶部的160px。当用户单击相同的链接时，标题div会向上滑动，因此只会再次显示底部的180px。
我试过让它工作，但我不确定我做错了什么。我最初的想法是使用slideToggle（）（隐藏/显示），但我似乎无法让它工作。 StackOverflow上的其他人建议使用animate（），但我也不知道如何让它工作。
我在StackOverflow上搜索过，似乎发现了很多关于显示和隐藏整个div的问题，但问题是这完全显示并隐藏了div。我需要我的div向下滑动以显示顶部隐藏部分，然后向后滑动到它的原始静止位置（离屏-160px）。
非常感谢任何帮助！我在下面列出了我的入门代码：
HTML：
<div id="header">
<a href="#header" class="toggle">Click me to reveal the top half of this div</a>
</div>
JQuery的：
$(document).ready(function(){
$('.toggle').click(function(){
$('#header').slideToggle("slow");
return false;
});
});
CSS：
#header {
position: fixed; /*I would like this div to always be fixed to the top of the browser window*/
top: 160px;
left: 0;
width: 100%;
height: 340px;
z-index: 10;
}