title: jQuery .animate() change top with bottom property
body: <p>I am building a menu in jQuery using .animate() but I've run into a problem. I have a div that initially loads with position:fixed and bottom:30px. Upon click of a link, I want my div to move to the height position of that link. Essentially, I have this:</p>
  
  <p><a href="http://jsfiddle.net/wRjyK/32/" rel="nofollow">http://jsfiddle.net/wRjyK/32/</a></p>
  
  <p>The problem is that the first animation initially moves from off of the top of the screen in a downward motion. (Because it doesn't have a top property) I want the animation to start with its current position. When I repeat the animation with other links, it looks fine because my div now has the proper top property to work off of.</p>
  
  <p>A simple fix would be to change the css of my div to have a top property, but my design requires the bottom property. Any ideas? </p>