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 
     }); 
    }); 

使用上述功能，以瞭解什麼是真正發生的事情，新的開始部分作爲開​​場不久的老款開始閉合，這就是爲什麼它給的不完全動畫的幻覺。對於完整的動畫將按鈕放置在另一個下方，那麼您將能夠看到適當的動畫。如果你需要水平安排，那麼你可以使用看起來很酷的褪色效果。