[jQuery] Accordion Hover effect bug

[Joe Sheldon]

Heres my full jQuery code for this accordion,

  
$(document).ready(function() {
 	
	$('div.accordionButton').mouseover(function() {
		$('div.accordionContent').hide('fast');	
		$(this).next().slideDown('normal');
	});
	
	
	$('div.accordionContent').mouseout(function() {
	        $("div.accordionContent").slideUp('normal');
	});
	
	
	$("div.accordionContent").hide('fast');
 
});
 

And heres my problem:

    
	$('div.accordionContent').mouseout(function() {
	        $("div.accordionContent").slideUp('normal');
	});

I have it set so that when a user moves the mouse off the div.accordionContent the content slides up.
In div.accordionContent there are multiple <a> tags listed, and when i hover over one of these <a> tags that are inside the div.accordionContent,
the content slides up before i get a chance to click on one of the listed <a> links.

So im assuming this is because moving the mouse onto the <a> tag is technically mousing out of div.accordionContent and therefore sliding the list up.

My jQuery syntax knowledge is limited, so i will try explain to the best of my ability what i want to do:
Somehow include the <a> tags in the mouseout function above so that when a user hovers over the <a> tags which are (children of div.accordionContent) the list doesnt slide up,
because it recognizes that they are part of the div.

[Bear Bibeault]

"Ripz Zipz", please check your private messages for an important administrative matter.

[Bear Bibeault]

You may want to check out the .hover() method, and perhaps the hoverIntent plugin, which help in dealing with that annoying mouseout behavior.

[Joe Sheldon]

1st time ever on a forum that ive been called out for a name change
wasnt aware that it was an "important administrative matter".

Cheers for the link to the hoverIntent plugin, looks very interesting and will be using it in future projects.

Thanks

[Bear Bibeault]

Joe Sheldon wrote:1st time ever on a forum that ive been called out for a name change
wasnt aware that it was an "important administrative matter".

Welcome to JavaRanch.

Cheers for the link to the hoverIntent plugin, looks very interesting and will be using it in future projects.