2012-03-23 11 views
1

アコーディオンを上から下に開くと完全に正常に開く縦型アコーディオンがありますが、アコーディオン1の中央にあるオプションの1つを選択すると正しく開きません。JQueryアコーディオン - オープニングの問題

奇妙なことに、最初のオプションを開いた後に折りたたむと、問題なしで他のオプションを開くことができます。

私は両方のクローム& IE8で発生し、ここでの問題を示すフィドルですので、私はあまりにもよく、これを説明してきたかわからない:http://jsfiddle.net/gstubbenhagen/JyFRC/

すべてのヘルプははるかに

+0

ので、私はあなたが持っていたすべてのCSSをwackedととてもきれいではないが、それは、OK作品 – safarov

+0

それは私のために奇妙なものをやっていた私にとっては正常に動作します。 –

答えて

1

あなたは本当にただのアコーディオンのための全体のUIライブラリが必要ですか?

Demo without the jQuery.UI

$('#accordion > h2').click(function(){ 
    var el = $(this).next('.pane'); 
    el.is(':hidden') ? ($('.pane').slideUp(), el.slideDown()) : $('.pane').slideUp(); 
}); 
+0

優秀な提案!ライターは常に良い – GStubbenhagen

0

をいただければ幸い私はあなたの問題を考えます#accordion .paneのdisplay: none呼び出しによって発生します。ユーザーがページを読み込んだときにすべてのパネルを非表示にしたいと思っていますか?

display: noneを排除し、代わりにアコーディオンのためのオプションとしてactive: falseを使用します。

$("#accordion").accordion({ 
    collapsible: true, 
    active: false 
}); 

は、偽の崩壊に「アクティブ」搭載上のすべてのペインを設定します。

http://jqueryui.com/demos/accordion/#option-active

関連する問題