如何自定义jquery手风琴面板？

Question

我想在我的网页中加入手风琴平底锅。我已经成功实现了它，但现在我试图给它一些不同的效果。我想要做的是，无论哪个手风琴窗格变为活动状态，手风琴窗格都应该移动到顶部。

注意：大胆显示活动窗格

PANE 1

PANE 2

PANE 3

PANE 4

当我点击窗格3使其激活时，布局应该改为这样。

PANE 3

PANE 1

PANE 2

PANE 4

谁能告诉我怎么办？

Answer 1

你可以按照that

等手风琴重新排序元素

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