如何自定义jquery手风琴窗格？

Question

我想把手风琴放在我的网页上。我已经成功地实现了它，但现在我试图给它一些不同的效果。我想做的是，无论哪个手风琴面板变得活跃，手风琴面板应该移动到顶部。

注意:粗体表示活动窗格

窗格1

窗格2

窗格3

窗格4

当我单击窗格3使其处于活动状态时，布局应该更改为类似的内容。

窗格3

窗格1

窗格2

窗格4

有人能告诉我怎么做吗？

Answer 1

U可以像那那样重新排序手风琴中的元素

$('#accordeon').accordion();
$('#accordeon h3').click(function(){
   $('#accordeon').prepend($(this).next())
   $('#accordeon').prepend(this)
})