SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I would like to add some JQUERY effects to my top nav when a user hover overs the top link..specifically a delay and slideDown with easing effect. Is there a way to simply override the existing code? If so any advice to point me in the right direction would be greatly appreciated

share|improve this question
up vote 0 down vote accepted

You should check THIS site if it helps.

share|improve this answer
While this may theoretically answer the question, we prefer inclusion of the essential parts of the answer here, and to provide the link for reference. See answer for general guidelines. – SPDoctor Apr 27 '12 at 7:53
Noted and understood. Will remember this next time making a post/answer. – Janne S Apr 27 '12 at 8:10

First of all you need to identify the element that has the hover event defined and then remove the event. For this example I have presented the code using jQuery. From examining a standard SharePoint site template with horizontal navigation this would be;

var hoverMenuItems = $('.menu-horizontal ul.root a.dynamic-children');
hoverMenuItems.each(function(index, val) 
// Add your own jQuery handlers here.
share|improve this answer

You can add your java script by Custom Action. This script will be placed on each page on the site which has activated feature that contains action declaration. For more details see this post.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.