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


You should check THIS site if it helps.

| 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.
| 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.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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