alternatives to jquery animate?
<p>On hover I want my div to scroll down.</p>

<p>I know i can use the <code>.animate({left: 0}, "slow");</code> but this doesnt go down but what else does jquery have to offer?</p>

<p>Here is my jsfiddle: <a href="http://jsfiddle.net/WZvPk/4/" rel="nofollow">http://jsfiddle.net/WZvPk/4/</a></p>

<p>hover over the sectors box and you will see the "view project" move down. I need it to move down in a slow fashion similar to <a href="http://www.jeremymartin.name/examples/kwicks.php?example=3" rel="nofollow">http://www.jeremymartin.name/examples/kwicks.php?example=3</a></p>

<p>Then need the opacity to be so my image is darker.</p>

<p>edit: slide down wont work with this:</p>

<pre><code> $(".sectorGrid").hover(
  function () {
    $(this).children(".sectorImage").children(".showme").css("display", "block").css("margin-top", "-5px");
  },
  function () {
    $("div.sectorImage div.showme").css("display", "none");
  }
);
</code></pre>
