Demo without the jQuery.UI 的

Question

我有一个垂直手风琴，当从上到下打开比赛时打开完全正常，但如果你选择手风琴1号中间的一个选项，那么它就无法正确打开。

奇怪的是，如果我打开第一个选项然后折叠它我可以打开任何其他选项而没有问题。

我不确定我是否已经解释得太好了所以这里有一个显示问题的小提琴，发生在Chrome和＆amp; IE8：http://jsfiddle.net/gstubbenhagen/JyFRC/

非常感谢任何帮助

Answer 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();
});

Answer 2

我认为您的问题是由您对#accordion .pane的display: none电话引起的。我假设您希望在用户加载页面时隐藏所有面板？

消除display: none，而使用active: false作为手风琴的选项：

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

将“active”设置为false会在加载时折叠所有窗格。

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

JQuery手风琴 - 开场问题

2 个答案:

Demo without the jQuery.UI 的