jquery - 向上和向下移动列表对象

Question

我正在创建一个简单的列表(标题+下面的文本)。这些部分看起来像常见问题解答。

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

尝试使用rollUp();但不起作用。我怎样才能做到这一点？

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

$(function(){

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


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


});

Answer 1

尝试将当前单击的项目添加到其父容器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/