Jquery, как изменить Oder аккордеона

Question

У меня есть аккордеон Jquery с таким содержимым

<h3>
 <a href="#"> header 1 </a>
</h3>
  contents 1
<h3>
 <a href="#"> header 2 </a>
</h3>

  content 2 

<h3>
 <a href="#"> header 3 </a>
</h3>

content 3

Когда я просматриваю эту HTML-страницу, аккордеон показывает заголовок как есть.Есть ли способ, которым я могу показать заголовок 3 сначала, затем заголовок 1, заголовок 2 и т. Д. В принципе, я должен быть в состоянии указать, какой заголовок должен отображаться первым при отображении HTML.

Answer 1

Это должно работать для вас http://jsfiddle.net/Z5hZJ/1/

$('h3 a').click(function(){
    $(this).parents('h3').prependTo('.headers');
});