Jquery UI手风琴折叠前打开

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/

看来，切换并显示up动画同时开始。但是我想要的是在开始下一张幻灯片之前完全切换它。

Answer 1

新建答案：

试试这个

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

这就是你到底需要

，你需要根据你的要求来解决CSS。

Answer 2

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

使用上述功能，以了解什么是真正发生的事情，新的开始部分作为开​​场不久的老款开始闭合，这就是为什么它给的不完全动画的幻觉。对于完整的动画将按钮放置在另一个下方，那么您将能够看到适当的动画。如果你需要水平安排，那么你可以使用看起来很酷的褪色效果。