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