Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

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
add comment

3 Answers 3

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
add comment

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) 
{
$(this).unbind('mouseover').unbind('mouseout');
// Add your own jQuery handlers here.
});
share|improve this answer
add comment

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
add comment

Your Answer

 
discard

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.