JQuery Tidy Up Code
<p>Am using a bit of javascript to animate an a class within a div class.</p>

<pre><code>$(".previouscontainer").mouseenter(function(){
    $("a.previousarrow").animate({left:'0px'},"fast");
  });
$(".previouscontainer").mouseleave(function(){
    $("a.previousarrow").animate({left:'10px'},"fast");
  });
$(".nextcontainer").mouseenter(function(){
    $("a.nextarrow").animate({right:'0px'},"fast");
  });
$(".nextcontainer").mouseleave(function(){
    $("a.nextarrow").animate({right:'10px'},"fast");
  });
</code></pre>

<p>Was wondering whether there is a better/cleaner way to write this?</p>
