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

Question

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

注意：粗体表示活动窗格

窗格 1

窗格 2

窗格 3

窗格 4

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

窗格 3

窗格 1

窗格 2

窗格 4

谁能告诉我我该怎么做？

Answer 1

你可以像这样重新排列手风琴中的元素

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