Posted By

Rembrand on 08/11/10

Tagged

navigation

Versions (?)

Last Edited at 08/11/10 07:32pm

Statistics

Viewed 613 times

Favorited by 0 user(s)

Related snippets

Basic sliding tab menu

/ Published in: jQuery

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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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

URL: http://medilab.be/index.php

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.