2012-03-23 66 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