Basic sliding tab menu - jQuery Snipplr Social Repository

Revision: 30317

at August 11, 2010 19:32 by Rembrand

Initial Code

$(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);
  });

});

Initial URL

http://medilab.be/index.php

Initial Description

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.

Initial Title

Basic sliding tab menu

Initial Tags

navigation

Initial Language

jQuery

Choose a language for easy browsing: