Tuesday, February 17, 2015

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

Just below line #34, I am going to add some code:

 <SharePoint:SPHelpPageComponent Visible="false" runat="server"/>

<script src="/Style%20Library/jquery-1.6.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
$(".menu-horizontal ul li.dynamic-children").css("cursor", "pointer");
$(".menu-horizontal ul.static li.static.dynamic-children").hover(
function() {
$(this).children(":first").next("ul.dynamic").hide();
});
$(".menu-horizontal ul li.dynamic-children").click(
function() {
$("ul.dynamic").show();
});
});
</script>