469,320 Members | 2,115 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,320 developers. It's quick & easy.

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:

Expand|Select|Wrap|Line Numbers
  1. $('#menu').dropdownMenu({ mode: 'slide', dropdownSelector: 'div.dropdown' });
to

Expand|Select|Wrap|Line Numbers
  1. $('#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???
Mar 1 '11 #1
0 1154

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Ricky | last post: by
reply views Thread by shapper | last post: by
3 posts views Thread by =?Utf-8?B?VG9tIFc=?= | last post: by
53 posts views Thread by souporpower | last post: by
3 posts views Thread by metaphysics | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by Gurmeet2796 | last post: by
reply views Thread by mdpf | last post: by
reply views Thread by listenups61195 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.