$(document).ready(function() {

  $('.menu .slide a').hover(function() { //the mouse in part
   $(this).animate({ marginTop: '0px' }, 200); //can be replaced by padding or whatever
  },
  
  function() { //the mouse out part
    $(this).animate({ marginTop: '10px' }, 300);
  });

});

http://medilab.be/index.php

Get menu tabs to slide up/down when hovering over them.
For some reason, it only starts working after you've hovered above a tab first.
I should  find out why that is.

Basic sliding tab menu

navigation

jQuery