創建具有拖曳效果的摺疊效果的手風琴

我想製作具有切換和淡化效果的手風琴。創建具有拖曳效果的摺疊效果的手風琴

這裏我jsfiddle

和兩個屏幕：

1）

enter image description here

2）

enter image description here

所以的onclick的「第1小組的」 o r「面板2」的內容也應該向下或向上調整。

當我選擇其中一個主題並點擊其他面板時，內容應該通過fadingIn移動而不是切換。

在屏幕2）是一個「關閉按鈕」，這應該關閉每次所有的面板內容並返回到屏幕1）。

英語不是我的第一語言。

感謝

來源

2012-03-13 ogni

這是你要去的效果：http://jsfiddle.net/n5Y7p/3/？快速和骯髒，讓你開始

編輯：我的道歉。我剛剛意識到你想交叉淡入內容。

來源

2012-03-13 17:59:31 isotrope

isotrope - WOW很酷，這對你來說很快又髒？我更新了小提琴：[** JSFiddle **]（http://jsfiddle.net/n5Y7p/4/）。我添加了一個關閉鏈接。現在我有兩個問題：第一，如果面板1和麪板2滑動，它們也不會通過點擊自身來滑動。第二，當他們滑倒時，我是否可以將兩種內容交叉淡入淡出？非常感謝。 – ogni 2012-03-13 18:53:48

這就是......快速和骯髒的事情，因爲我會重寫一些內容，以便我可以將腳本應用到元素，閱讀它的部分屬性和類，以知道哪個按鈕會自動影響哪個面板。目前，如果您添加第三個代碼和第四個代碼，則必須再設置一堆代碼... – isotrope 2012-03-13 19:24:16

我爲您更新了一下：http://jsfiddle.net/n5Y7p/5 /不需要放置多個$（document）.ready（）;至於交叉淡入淡出，我會重新呈現內容的呈現方式。我會放置他們兩個在另一個之前，然後淡入淡出另一個 – isotrope 2012-03-13 19:29:01

我建議你看看：http://docs.jquery.com/UI/Accordion

實現相當簡單，易於定製。

來源

2012-03-13 17:21:48

創建具有拖曳效果的摺疊效果的手風琴

回答

相關問題