需要提高水平滑動格

Question

幫助我有這樣的腳本：

http://jsfiddle.net/NV2uV/

它的工作原理，但我不喜歡它。

缺點：

1. 扳手（邊緣塊）。
2. 在從一個單元到另一個單元的過渡中，動畫分兩步執行（我想要一個連續的動畫）。
3. 腳本代碼並不漂亮 - 非常重複。

總之 - 它看起來不太好。

我該如何改進腳本以查看動畫並且對眼睛有好處（如果您有現成的解決方案 - 請告訴我）。

---

更新：

如果設置了動畫小了 - 這動畫看起來相當不錯。

更新2：

我找到了解決辦法：在animate函數必須添加設置「隊列：假」，那麼動畫將不會被不一致，但同時實施。

http://jsfiddle.net/TtHBy/

但我依然不喜歡很多我的腳本重複的，怎麼能進行切割和創造幸福？

Answer 1

你想要一個水平的手風琴菜單嗎？你可以看看這個jQuery的例子：http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

這裏是另一個例子：http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

還有一：http://tympanus.net/Tutorials/ElegantAccordion/