jquery - 上下移动列表对象

我创建了一个简单的列表（标题和下面的文本）。这些部分看起来像是一个常见问题解答。

我想在列表上上下移动对象。当我单击最后一个对象时，它会上升到顶部等。

尝试使用rollUp();，但不起作用。我该怎么做？

我的代码：http://jsfiddle.net/oxhqpes9/

$(function(){

  $('.opis').hide();


  $('li .nazwa').click(function(){
      $('.opis').hide();
      $(this).nextAll('.opis:first').toggle();
  });


});

最佳答案

尝试将当前单击的项目放在其父容器ul的前面：

var $ul = $('ul');

$('.opis').hide();

$('li .nazwa').click(function () {
    $('.opis').hide();
    $(this).nextAll('.opis:first').toggle();
    $(this).parent().prependTo($ul);
});

演示：http://jsfiddle.net/oxhqpes9/2/