打开之前Jquery UI Accordion崩溃

Question

我有一个简单的Jquery UI手风琴，有3个部分。 所有3个部分在开始时都会折叠。 当我单击节标题时，节内容应该显示（向上滑动）。 现在特别的是节内容div完全相互定位。 为了使它看起来很好，我希望当前打开的部分在显示下一部分的动画开始之前完全切换。

这就是我现在切换它的部分：

      $(function () {
         $("#accordion").accordion({

             create: function (event, ui) {
                 ui.oldPanel.slideToggle("slow");

             },
             collapsible: true,
             active:false

         });
     });

你可以看到它的样子：

http://jsfiddle.net/kqMAR/

似乎切换和显示动画同时开始。 但我想要的是在开始下一次幻灯片之前完全切换它。

Answer 1

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

使用上面的函数来理解实际发生的事情，新部分一旦旧部分开始关闭就开始打开，这就是为什么它会给出一个不完整动画的错觉。 对于完整的动画，将按钮放在另一个下面，然后您就能看到正确的动画。 如果你需要水平排列，那么你可以使用看起来很酷的褪色效果。

Answer 2

新答案：

尝试这个

http://jsfiddle.net/6QJJp/1/

这正是您所需要的

你需要根据你的要求修复CSS 。