如何创建垂直上拉菜单?

时间:2014-10-13 22:28:03

标签: javascript jquery html css jquery-animate

我正在尝试创建一个页脚菜单,该菜单可以单击另一部分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/不确定如何设置内容来做到这一点。

0 个答案:

没有答案