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");
});

或者你的意思是這樣的 ？

Answer 2

修改了這兩個元素的樣式，現在它似乎可以根據需要工作 ：

.wrapper {
    position:relative;
}

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

Answer 3

我想你需要這樣：

在<div id="ppForm"></div>之后保留<div id="ppForm"></div> <div id="we">並嘗試