jQuery menu delay

[Stuart Hunter]

Hello,

I am currently developing a Joomla site with a YOOtheme template 'Neo' and I'm finding the menu a little too 'quick to appear' on MOUSEOVER and I would really like a delay of around 0.5-1 second before the dropdown menu appears.

Something along the lines of this.

The YOOtheme support is somewhat limited, and I have got as far as having to change a line of code from:

$('#menu').dropdownMenu({ mode: 'slide', dropdownSelector: 'div.dropdown' });

to

$('#menu').dropdownMenu({ mode: 'slide', dropdownSelector: 'div.dropdown', duration: 1000, transition: 'easeInExpo' });

This solution sort of works, but on MOUSEOUT the menu transition still occurs, it's just a delayed version of the original problem. On MOUSEOUT I want the menu to stop what it was thinking about doing - is this possible by adding anything to this string???