/* * jQuery Mega Drop Down Menu script by Soh Tanaka * http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ * */ $(document).ready(function(){ function megaHoverOver(){ $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Calculate width of all ul's (function($) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row $(this).find("ul").each(function() { rowWidth += $(this).width(); }); }; })(jQuery); if ( $(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; //Calculate each row $(this).find(".row").each(function() { $(this).calcSubWidth(); //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); //Set width $(this).find(".sub").css({'width' :biggestRow}); $(this).find(".row:last").css({'margin':'0'}); } else { //If row does not exist... $(this).calcSubWidth(); //Set Width $(this).find(".sub").css({'width' : rowWidth}); } } function megaHoverOut(){ $(this).find(".sub").stop().fadeTo('fast', 0, function() { $(this).hide(); }); } var config = { sensitivity: 2, // number = sensitivity threshold (must be 1 or higher) interval: 0, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 0, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; $("ul#topnav li .sub").css({'opacity':'0'}); $("ul#topnav li").hoverIntent(config); // Add class to the current element $("ul#topnav li").click(function(){ $("ul#topnav").find("li.current").removeClass().removeAttr("class"); $(this).addClass("current"); }); // Change arrow on hover $("li.liSub").hover(function(){ // modificatioin couleur menu $(this).find("span img").attr("src", "images/menu/gris/arrow_hover.png"); },function(){ $(this).find("span img").attr("src", "images/menu/gris/arrow.png"); }); // Delete the border for the last li of the submenu $("ul#topnav .sub ul li:last-child a").css("border", "none"); });