2012-03-13 11 views
0

ここに私のjsfiddleトーキングとフェード効果でアコーディオンを作成したい場合は、アコーディオンを作成してください。

と二つの画面

1)

enter image description here

2) "パネル1" にそう

enter image description here

、onclickのO r "Panel 2"コンテンツはtoogleにも上にも表示する必要があります。

テーマを選択してもう1つのパネルをクリックすると、コンテンツが移動する必要があります。 はfadingInで移動し、切り替えないようにしてください。

画面2)は「閉じる」ボタンであり、これはすべてのパネル内容を閉じるたびに終了し、 画面に戻ります1)。

英語は第1言語ではありません。実装はかなりシンプルかつ簡単にカスタマイズされhttp://docs.jquery.com/UI/Accordion

:私が推薦する

おかげ

答えて

1

これはあなたが行っている効果ですか:http://jsfiddle.net/n5Y7p/3/? クイックで汚れていて、始めるには

編集:私の謝罪。私はあなたがコンテンツをクロスフェードしたいと思ったばかりです。

+0

アイソトロピック - すごくクールなクイック、あなたのために汚い?私はフィドルを更新しました:[** JSFiddle **](http://jsfiddle.net/n5Y7p/4/)。私は密接なリンクを追加しました。今私は2つの問題があります:まず、パネル1と2がスライドダウンされている場合は、それ自体をクリックしてスライドアップすることはできません。第二に、私は両方のコンテンツをクロスフェードすることができます、彼らはスライダダウンしているとき - 彼らがサイレントしている瞬間です。どうもありがとう。 – ogni

+0

それは素早く汚れています。コンテンツを少し修正して、要素にスクリプトを適用し、属性の一部を読み込んで、どのボタンがどのパネルに自動的に影響するかを知ることができるからです。現在、3つ目と4番目のコードを追加すると、さらに別のコードを設定する必要があります。 – isotrope

+0

私はそれを少し更新しました:http://jsfiddle.net/n5Y7p/5 /複数の$(document).ready()を置く必要はありません。クロスフェーディングについては、コンテンツがどのように表示されるかを再編集します。私はそれらをもう一方の前に置いて行くつもりだし、もう一方を消している間に消えていく。 – isotrope

0

あなたが見てみましょう。

関連する問題