javascript - 打开前 Jquery UI Accordion 折叠

Question

我有一个包含 3 个部分的简单 Jquery UI Accordion 。所有 3 个部分在开始时都折叠起来。当我单击节标题时，节内容应向上显示(滑动)。现在的特别之处在于部分内容 div 绝对定位在彼此之上。为了让它看起来不错，我希望当前打开的部分在显示下一节的动画开始之前完全切换。

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

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

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

             },
             collapsible: true,
             active:false

         });
     });

你可以看到它的样子:

http://jsfiddle.net/kqMAR/

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

Answer 1

新答案:

试试这个

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

这正是你所需要的

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