Javascript 滑动切换将div向上移动到内容上方

Javascript 滑动切换将div向上移动到内容上方,javascript,jquery,css,Javascript,Jquery,Css,如图所示,单击顶部,可切换下面的 我试着做的是:点击“顶部”/“黑匣子”, 那个div和下面的div应该出现并覆盖在文本上 作为#ppForm推动#我们垂直向上打开 当#ppForm打开时,应垂直向上推动div 我想你需要这样: 将您的放在之后,然后再试一次 $('#we').click(function () { $("#ppForm").css('position','absolute').slideToggle("slow"); }); 或者你的意思是什么?修改了这两个元素的样式,

如图所示,单击顶部,可切换下面的

我试着做的是:点击“顶部”/“黑匣子”, 那个div和下面的div应该出现并覆盖在文本上

作为
#ppForm
推动
#我们
垂直向上打开


#ppForm
打开时,应垂直向上推动div

我想你需要这样:

将您的
放在
之后,然后再试一次

$('#we').click(function () {
   $("#ppForm").css('position','absolute').slideToggle("slow");
});

或者你的意思是什么?

修改了这两个元素的样式,现在:

.wrapper{
位置:相对位置;
}
#ppForm{
位置:绝对位置;
底部:120%;/*而不是顶部:0*/
}

最后一句话是什么意思?谢谢这是我想要的。。。我用不同的方法试了很多次,但都没成功……)还有一件事@Stano,我希望我们的div在div打开时被推上。i、 e.点击顶部,div应从底部打开,并向上推动顶部div。谢谢。如果将样式更改回
#ppForm{position:relative;}
,它将向上移动div。唯一的问题是页面没有滚动到底部。:,在调整某些元素的大小时可以使用它。我不认为这是一个理想的解决方案,但不知道还有什么其他方法可以将div固定在底部。感谢您的输入,这是我想要的方式,但单击顶部div后,顶部div应上升为标题,黄色div位于底部。这样TOP就变成了TOP的标题并移到了TOP。@harnish Great:),我也尝试过修改它,但最好是你自己制作,而不需要额外的插件!:-)顺便说一句,控制台说“e未定义”,所以要么添加e事件,要么删除e.preventDefault();