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。

打开之前Jquery UI Accordion崩溃

2 个答案: