上下移动列表对象

Question

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

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

尝试rollUp();，但没有成功。我怎么能做到这一点？

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

$(function(){

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


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


});

Answer 1

如果我做得对，你应该使用slideToggle

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

Fiddle

Answer 2

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