1

我有一个简单的 Jquery UI 手风琴，有 3 个部分。开始时所有 3 个部分均已折叠。当我单击部分标题时，部分内容应向上显示（滑动）。特殊之处在于，部分内容 div 绝对位于彼此之上。为了让它看起来不错，我希望当前打开的部分在显示下一部分的动画开始之前完全切换。

这就是我现在用来切换该部分的内容：

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

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

             },
             collapsible: true,
             active:false

         });
     });

你可以看到它的样子：

http://jsfiddle.net/kqMAR/

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

4

2 回答 2

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

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

于 2013-02-01T14:33:17.667 回答
2

新答案：

尝试这个

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

这正是您所需要的

您将需要CSS根据您的要求进行修复。

于 2013-02-03T07:27:41.670 回答