jQuery UI翻轉像gumroad.com中的文本

Question

我想在我的主頁中包含一系列文本短語，就像本網站的主頁 www.gumroad.com一樣。

從該網站上我能得到它採用隱藏和下降，是文本，但問題之間進行切換的功能是：JQuery用戶界面使得中介格在這個類「UI效果 - 包裝」其中有由於較小的寬度首先文本出現在兩行中，然後縮小到一。

是否有人知道有什麼方法可以達到與上述網站相同的效果？

Answer 1

找出如何複製效果。在這裏你去：http://jsfiddle.net/vyder/gmDRM/

從本質上講，關鍵是使包裝具有position:relative和兩個#content-type跨距position:absolute，所以他們出現在另一個之上，當他們放下上下。

（還有在陣列被處理，應該不會太難解決這個問題的方式，我覺得我有一些奇怪的邏輯回事刪除和添加元素的錯誤）

OCD重構代碼以使其更具可讀性，並通過數組迭代以使其工作。