jQuery.
Есть такое:
...
<td id="leftcol" width="25%" height="400" align="center">
<div>Block 1 <a class="up" href="#">Up</a><a class="down" href="#">Down</a></div>
<div>Block 2 <a class="up" href="#">Up</a><a class="down" href="#">Down</a></div>
<div>Block 3 <a class="up" href="#">Up</a><a class="down" href="#">Down</a></div>
</td>
....
При нажатии вверх должен блок с "div-ом" меняться местами с верхним блоком, аналогично и при нажатии вниз.
Написал функцию, но она не работает как надо:
$(document).ready(function(){
$(".up").click(function(){
var adiv = $(this).parents("div").prev()
$(this).parents("div").prependTo(adiv);
return false;
});
$(".down").click(function(){
var adiv = $(this).parents("div").next()
$(this).parents("div").appendTo(adiv);
return false;
});
});
Подскажите как грамотно и правильно это сделать используя jQuery