Necesitas cambiar la posición de li haciendo clic para moverte hacia arriba o hacia abajo.

<code><div>
  <ul>
    <li>Item1  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item2  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item3  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item4  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item5  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
  </ul>
</div>
</code>

Entonces, ¿qué debería suceder aquí, por ejemplo, si hacemos clic en Subir en Artículo2, el Artículo 2 se moverá hacia arriba antes del Artículo 1?

Intenté hacer esto, pero no funciona:

<code>$(".moveUp").click(function () {
    var thisLine = $(this).parent();
    var prevLine = thisLine.prev();
    prevLine.insertAfter(thisLine);
});
</code>

Espero que alguien pueda ayudarme...