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

3 Answers 3


You should check THIS site if it helps.

  • 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, 2012 at 7:53
  • Noted and understood. Will remember this next time making a post/answer.
    – Janne S
    Apr 27, 2012 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.

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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