jQuery menu delay

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Stuart Hunter
    New Member
    • Jan 2011
    • 13

    jQuery menu delay

    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:

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

    Code:
    $('#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???
Working...