title: Add sliding animation to jquery insertafter and insertbefore
body: <p>How to add animation moving effect to up and down sort movement.</p>
  
  <p><strong>You can check the movement by clicking on the UP and DOWN text links.</strong></p>
  
  <p>Here is my code</p>
  
  <pre><code>$(document).ready(function(){
      $('.move-up').click(function(){
          if ($(this).prev())
              $(this).parent().insertBefore($(this).parent().prev());
      });
      $('.move-down').click(function(){
          if ($(this).next())
              $(this).parent().insertAfter($(this).parent().next());
      });
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/eJk3R/35/" rel="noreferrer">DEMO</a></strong></p>