slideToggle將div向上移動

如jsfiddle所示，單擊頂部，它切換下面的<div>。slideToggle將div向上移動

我試圖做的是這樣的：點擊「頂部」/黑色框， div和下面的div應該出現併疊加在文本上。

As #ppForm<div>推#we<div>垂直向上打開。

這是當#ppForm打開它應該推DIV垂直向上...

來源

2012-08-04 harnish

什麼是最後一句是什麼意思？ – phant0m 2012-08-04 10:09:56

問題不明確。 – Prashobh 2012-08-04 10:12:06

修改這兩個元素的風格，現在it seems to work as needed：

.wrapper { 
    position:relative; 
} 

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

來源

2012-08-04 10:39:23 Stano

謝謝這就是我想要的......我嘗試了很多不同的方式，但不能讓它.. :) – harnish 2012-08-06 04:32:23

一件事情@Stano，我想我們div div推開時div打開。即在點擊TOP時div應該從底部打開並向上推TOP div。 – harnish 2012-08-06 04:43:01

謝謝。如果您將樣式更改回'#ppForm {position：relative;}'，它會將div移開。唯一的問題是頁面不能滾動到底部。 [我正在尋找一些解決方案，並找到這裏]（http://stackoverflow.com/questions/172821/detecting-when-a-divs-height-changes-using-jquery）：[本阿爾曼的調整大小插件]（http： //benalman.com/code/projects/jquery-resize/docs/files/jquery-ba-resize-js.html）時，可以在某個元素調整大小時使用它。 [更新小提琴在這裏]（http://jsfiddle.net/AMhsb/6/）。我不認爲這是理想的解決方案，但不知道其他方式將div貼在底部。 – Stano 2012-08-06 08:01:24

我認爲你需要這樣的：

讓您<div id="ppForm"></div><div id="we">後嘗試

來源

2012-08-04 10:04:16

嘗試

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

或者你的意思是like this？

來源

2012-08-04 10:11:09 KooiInc

它不工作。 – Prashobh 2012-08-04 10:13:42

slideToggle將div向上移動

回答

相關問題