Wednesday, August 1, 2012

Using jQuery to prevent hover drop-down global navigation in SP 2010

If you work in the SharePoint 2010 environment, you have probably noticed that the global navigation menu instantly expands on hover. This can be annoying when you are simply moving your cursor around the page and accidentally "bump" the navigation, and now you have a menu in your face, covering your content.  

I have found many "solutions" to this issue, but none that offered a script-only fix. Thus, I came up with my own. I hope it will help you.

It might not be the cleanest, or maybe not necessarily be exactly what you are looking for, but it works, and stops that annoying drop-down navigation menu from getting in your way. It takes a little bit of jQuery, and the use of a masterpage.