content slider won't move?

content slider won't move?

I'm having trouble getting the following to work. I need to move everything by -450px multiplied by the index number of each link. So far the index part works, but the animate doesn't. I'm pretty sure there's a simple solution, I just can't find it :(

jQuery:
  1. (function($) {
  2. //click on #submenu moves #content
  3. $.fn.subnav = function(){
  4.     var $object = $(this);
  5.     $("#subnav a").click(function () {
  6.         //when #subnav is clicked, move
  7.         var index = $("#subnav a").index(this);
  8.         var $move = index * -450;
  9.         $("#content")({"top": -450 + "px"}, 500);
  10.         $("span").text("That was div index #" + index);});
  11.     }
  12. })( jQuery );
This is the HTML, it's not complete, but i think it's enough to get an idea of what i'm doing
  1. <div id="content">
    <ul id="slider">
    <li>
    <video controls width="640" height="360">
    <source src="../video/video.mp4" type="video/mp4">
    <source src="../video/video.ogv" type="video/ogg">
    <source src="../video/video.webm" type="video/webm">
    </video>
    <h1><span></span></h1>
    </li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </div>