jQuery - 動畫可摺疊DIV，向上滑動？

我使用這個jQuery腳本動畫一個div來開啓/關閉並當用戶點擊一個按鈕： http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm jQuery - 動畫可摺疊DIV，向上滑動？

有沒有什麼辦法讓它向上滑動，不降反升？

我的意思是：而不是DIV向下開放（擴展下面的區域），是否有可能將內容擴展到頂部，以便不向下延伸？

布拉赫，我覺得很難形容。

例子：

Before: 
1###TOP OF PAGE### 
2################# 
3################# 
4################# 
5################# 
6######BUTTON##### 
7###HIDDEN DIV#### 
8##BOTTOM OF PAGE# 

After: 
1###TOP OF PAGE### 
2################# 
3######BUTTON##### 
4#####OPEN DIV#### 
5####CONTENT###### 
6####CONTENT###### 
7####CONTENT###### 
8##BOTTOM OF PAGE# 

Instead of like this, as default: 
1###TOP OF PAGE### 
2################# 
3################# 
4################# 
5################# 
6######BUTTON##### 
7#####OPEN DIV#### 
8####CONTENT###### 
9####CONTENT###### 
10###CONTENT###### 
11#BOTTOM OF PAGE#

對不起，我蹩腳的解釋，但我希望你明白：P

謝謝！

來源

2012-07-19 Stian Berg Larsen

結帳我張貼的例子，如果是不是你的意思請多解釋一下 – 2012-07-19 08:33:23

好解釋:)一個解決方案是在幻燈片打開時更改div的頂級屬性，所以當它滑落時，頂級屬性發生變化，並獲得div。非常簡單的解決方案 – 2012-07-19 09:06:34

可以使用JQuery slideUp隱藏元素或JQuery slideDown顯示元素
也可以使用JQuery slideToggle切換元素

，這是一個example

來源

2012-07-19 08:22:09

對不起。該功能起作用，並通過向上/向下滑動div來隱藏/取消隱藏。但是，我想讓div向上打開。這樣按鈕就會向上滑動，並且內容將從按鈕的位置以及向上顯示。默認值是：當你點擊按鈕時，div向下打開。這是否更有意義？對不起=/ – 2012-07-19 08:41:51

假設你有這個div（隱藏，帶有內容）和一個觸發顯示/隱藏效果的按鈕，分配給另一個包裝div的底部。當你點擊按鈕打開div時，我希望上面的內容向上移動，爲div騰出空間，而不是div擴展到包裝divs限制（向下，重疊內容如下）... – 2012-07-19 08:43:29

如果您檢查在我發佈的頁面中輸出示例5，可以看到我想要的效果。當您先單擊示例4，然後單擊示例5的切換按鈕時，按鈕和內容向上，而不像其他示例那樣向下。（例5是一組，我只用1，所以沒有我的組） – 2012-07-19 08:47:43

jQuery - 動畫可摺疊DIV，向上滑動？

回答

相關問題