slideToggle将div移到内容之上

Question

如jsfiddle所示，点击顶部，切换下面的<div>。

我试图做的是：点击“TOP”/黑匣子， div和下面的div应该出现并叠加在文本上。

#ppForm <div>推动#we <div>垂直向上打开。

当#ppForm打开时，它应该垂直向上推动div ...

Answer 1

尝试

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

或许你的意思是like this？

Answer 2

修改了这两个元素的样式，现在it seems to work as needed：

.wrapper {
    position:relative;
}

#ppForm {
    position:absolute;
    bottom:120%; /* instead of top:0; */
}

Answer 3

我认为你需要这样：

在<div id="ppForm"></div>之后保持<div id="we">并尝试