If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

But I don't know how to and what code to put to achieve like;
1. The drop down menu open after 2 seconds if the mouse cursor hovers over the main menu link for 2 seconds.
2. The drop down closes if the mouse cursor is away from the drop down for 2 seconds.

Also See this jsfiddle: jsfiddle.net/ZyAm3/1 Its updated version of the previous one. Please see the behaviour of the menus. The dropdown links of one menu is fine but the other dropdown links are cluttered one to other. Please help to resolve this too.

The drop down menu open after 2 seconds if the mouse cursor hovers over the main menu link for 2 seconds.

I gave you one but you said

Thanks, but its opening and closing when we move mouse cursor several times over the main menu.

Which is how it should work.

Then you use jquery to do a fade in and fade out???????

OK. Here's a fade in and a fade out, but if you play with the mouse and how it hovers it does come in and goes out. That's how it works. If you want something to stop this behavior look into hoverIntent [I know of no other], but you'll have to play with it.