0

特定の動作でアコーディオン ナビゲーションを作成しようとしています: 最初の折りたたみ可能なコンテンツにはトグル リンクがありませんが、代わりにサイトの開始時に表示され、次の (つまり 2 番目の) 折りたたみ可能なコンテンツが閉じられたときに表示されます。 .

以前、ブートストラップの collapse-feature と jqueryi-ui-accordeon の両方でこれを達成しようとしましたが、説明したように実際に機能することはありませんでした。そのため、jquery だけで手動で作成しましたが、基本的にアコーディオン要素の「心臓部」である「スライド アンド プッシュ」効果を実際に得ることができません。

基本的に、それほど美しくないフェード効果でこのフィドルで実行されているのを見ることができます: http://jsfiddle.net/8fL6L/31/

    Sry, I have to add fake code here, otherwise I can't post the fiddle-link...

フェードの代わりにjquery-uiのスライド効果を使用すると、上にスライドするコンテンツはスライドするだけで、その上/下のコンテンツをプッシュ/プルしません。それで、ブートストラップまたはjquery-uiアコーディオンを使用するか、コードを変更することで、これを達成する方法を知っている人はいますか?

前向きに考えてくれてありがとう！:-)

4

1 に答える 1

0

申し訳ありませんが、私自身の解決策を思いついたので、将来誰かに役立つ場合に備えて、ここに投稿してください。

ブートストラップの collapse() 機能を少し変更して、1 つの折りたたみ可能オブジェクトを閉じると、前の折りたたみ可能オブジェクトが (存在する場合) 自動的に開かれるようにしました。それが唯一の「新しい」ことです。デフォルトで折りたたみ可能なものを開くことは、ブートストラップで何も変更せずにすでに簡単に可能でした。

http://jsfiddle.net/8fL6L/51/

折りたたみ式のラッピング コンテナに ID を指定するだけです

    #collapsibles

、 電話

    initCollapsibles()

$(document).ready() で、準備完了です。

願っています、これがいつか誰かを助けるかもしれません。:-)

于 2013-11-10T20:31:06.600 に答える