2012-03-23 61 views
1

我有一個垂直手風琴,當它從上面開始打開accorion時打開時效果很好,但如果您在手風琴1st中選擇了其中一個選項,則無法正確打開。JQuery Accordion - Opening issues

奇怪的是,如果我打開第一個選項,然後摺疊它,我可以打開任何其他選項沒有問題。

我不知道我已經解釋這太舒服,所以這裏的顯示問題提琴,同時出現在瀏覽器IE8 &:http://jsfiddle.net/gstubbenhagen/JyFRC/

任何幫助,將不勝感激

+0

工作正常,我 – safarov 2012-03-23 15:53:47

+0

有人做怪異的東西,對我來說我wacked出所有你有CSS和它的工作原理確定,雖然不是那麼漂亮。 – 2012-03-23 18:48:02

回答

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 2012-03-27 09:53:10

0

我覺得你的問題是由#accordion.pane上的display: none調用引起的。我假設你想在用戶加載頁面時隱藏所有面板?

消除display: none,而使用active: false作爲手風琴的選項:

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

設置「激活」假倒閉上裝載的所有窗格。

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