Jquery insertBefore/insertAfter animation not working
<p>I made a simple script that allows users to sort divs using up and down buttons.</p>

<p>jsFiddle: <a href="http://jsfiddle.net/dZ6rC/5/" rel="nofollow">http://jsfiddle.net/dZ6rC/5/</a></p>

<p>Unfortunately, my attempt to animate the move is not working. Can someone figure out what I'm doing wrong? Thank you very much in advance!</p>

<p>This is my code:</p>

<pre><code>$('.up').click(function(){
 var previous = $(this).parent().parent().prev('.item');
 $(this).parent().parent().insertBefore(previous).slideUp();
});
$('.down').click(function(){
 var next = $(this).parent().parent().next('.item');
 $(this).parent().parent().insertAfter(next).slideDown();
});​
</code></pre>
