active-trail should be visible for horizontal children

Did you add the above .js to the nice_menus.js? Would you mind explaining what you did? This indeed seems like a very useful feature for the downdown/horizontal menu style.
many thanks!
jen

Thanks ever so much. Did you get the "active-trail" class through "Menu Trails" or hacking nice menus?

For this to get into NM we need an actual patch that can be applied to the nice_menus.js file.

I used the code above in comment #3 in a site I built with Nice Menus and a secondary horizontal menu and for the most part it worked great. However, I came across a small bug. The secondary menu was not restored if I moused out of the ul.nice-menu (the primary menu in this case) from the li.active-trail element. The secondary menu, which is set to visibility:visible and display: block when you mouse over li.active-trail (as it should be), disappeared upon mouseout/mouseleave.

The visibility and display CSS value attached to $active appears to toggled back to hidden/none in suckerfish.js (in the Nice Menus module's js directory), line 104-105.

I don't have a solution yet, but I'm looking for one. I can set the delay higher than 600 and hope that the scripts fire in the order that allows it to reappear right after it's hidden by suckerfish.js, but it's not ideal.

Just do it with CSS
You must only override the elemen.style.
See example of my css

#block-nice-menus-1 .active-trail ul {
display: block !important;
visibility: visible !important;
}

i found a simply solution.

jQuery('ul.nice-menu li.active-trail').unbind();

add it to nice_menu.js

just unbind the active-trail, then the hover/mouseleave bugs will not happen again

final:
jQuery(document).ready(function() {

// Set active-trail visible on page load
// This only sets the secondary list of the active trail to visible
jQuery('ul.nice-menu li.active-trail ul').show();
jQuery('ul.nice-menu li.active-trail ul').css('visibility', 'visible');

// Bind the menu to mouseleave to set active-trail visible when done navigating
// Suckerfish will hide all secondary lists for you when hovering the main menu
// So we want to repeat the initial behavior when done navigating

jQuery('ul.nice-menu li.active-trail').unbind('mouseout');

jQuery('ul.nice-menu').bind("mouseleave", function(){
var jQueryactive = jQuery('ul.nice-menu li.active-trail ul');

// Set the timer to the value specified in the admin settings
// This prevents overlap of the secondary menu items
// The trick to make it work is that we set the active trail to visible inside the function
jQueryactive.animate({ opacity: 1.0 }, 10, function() {
jQuery('ul.nice-menu li.active-trail ul').css('visibility', 'visible');
jQuery('ul.nice-menu li.active-trail ul').show();
});

});

});

I implemented #9, but I was having an issue with the drop-down menu text overlapping because the active-trail menu would animate immediately animate back if the mouse ever leaves the ul. I used the trick from http://stackoverflow.com/questions/1273566/how-do-i-check-if-the-mouse-i... to add a delay. Hope this helps!

$(document).ready(function() {
	// Set active-trail visible on page load
	// This only sets the secondary list of the active trail to visible
	$('ul.nice-menu li.active-trail ul').show();
	$('ul.nice-menu li.active-trail ul').css('visibility', 'visible');

	// Bind the menu to mouseleave to set active-trail visible when done navigating
	// Suckerfish will hide all secondary lists for you when hovering the main menu
	// So we want to repeat the initial behavior when done navigating
	$('ul.nice-menu li.active-trail').unbind('mouseout');
	$('ul.nice-menu').bind('mouseenter', function(){
		clearTimeout($(this).data('timeoutId'));
		}).bind('mouseleave', function() {
			var timeoutId = setTimeout(function(){
			var $active = $('ul.nice-menu li.active-trail ul');
	
			// Set the timer to the value specified in the admin settings
			// This prevents overlap of the secondary menu items
			// The trick to make it work is that we set the active trail to visible inside the function
			$active.animate({
				opacity : 1.0
			}, 0, function() {
				$('ul.nice-menu li.active-trail ul').css('visibility', 'visible');
				$('ul.nice-menu li.active-trail ul').show();
			});
		}, 800);
		$(this).data('timeoutId',timeoutId);
	});
});

I'm closing it because the issue was created a long time ago without any further steps.

if you still need it then raise a new one.
thanks