iPhone優化的slideUp/slideDown使用-webkit轉換

Question

我想創建類似jQuery的slideUp/slideDown函數，它使用CSS3而不是jQuery來優化它的iPhone。我已經讀過，你可以使用-webkit-transform來製作類似的東西。也許我錯了，還有更好的辦法嗎？

這是我想出迄今：http://jsfiddle.net/qE6wa/

的問題是，我想包裝類以0像素開始。然後，當點擊load-btn時，包裝類和邊界div應該與-webkit-transform平滑重新調整大小。現在，邊界div剛剛彈出到新的高度，並在清除時停留在那裏。所以當你點擊清除時，它應該再次調整到起始大小。 就像jQuery版本。

有沒有解決這個問題的方法？

Answer 1

你試過2D Transformations插件嗎？無需編輯任何內容，只需在標籤中包含.js即可。如果可能，它將在jQuery動畫調用中使用css轉換。