Как настроить панель jquery acion?

Question

Я хочу включить аккордеон на мою веб-страницу. Я успешно его реализовал, но теперь я пытаюсь придать ему несколько иной эффект. Что я хочу сделать, так это то, что какая-то аккордеонная панель становится активной, что панель аккордеона должна двигаться сверху.

ПРИМЕЧАНИЕ: BOLD ОЗНАЧАЕТ активной панели

PANE 1

PANE 2

PANE 3

PANE 4

Когда я нажимаю на панели 3, чтобы сделать он активен, макет должен измениться на нечто подобное.

PANE 3

PANE 1

PANE 2

PANE 4

Может кто-нибудь сказать мне, как я могу это сделать?

Answer 1

U может просто изменить порядок элементов в гармошку, как that

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