如何创建垂直上拉菜单？

Question

我正在尝试创建一个页脚菜单，该菜单可以单击另一部分div中的div的另一部分。

<div id="parent">
 <div id ="child-control">
  some content
 <div>
 <div id="child-slide">
  some content
 </div>
</div>

对于滑动动作，我只是使用隐藏设置隐藏底部div。父div只是网页的整个宽度。所以两个孩子的宽度都是100％。

<style>
#child-slide {
display: hidden;
height: 250px;
}
</style>

这是JS

<script>
 $(document).ready(function(){
  $("#child-control").click(function(){
   $("#child-slide").slideToggle("slow");
   });
 });
</script>

最终发生的事情是，当使用一个简单的切换jQuery函数时，它确实不会向上滑动＆＃34;但它打开了，因为只是拉/滚下来揭示儿童幻灯片div。我喜欢它像本页底部的菜单一样 - http://www.drexel.edu/不确定如何设置内容来做到这一点。