Hello all from sunny Bali

Not really sure where I should have put this so I decided to start here for 10.

I have spent hours and hours, got through so many cigarettes my doctor will be spinning in his grave, but I have finally got a pretty reasonable "Mega Menu" thing going on a new site. I have responsified it with css flexbox stuff, I think it looks good even if that's only my opinion.

What I would like to do is fine tune it a bit, but I am at a loss as to how to go about it, so I am hoping some of you experts out there can help me and guide me through.

What I would like to do is to
1/ incorporate a "hover intent" action
(whereby when the visitor passes their mouse over the link on the menu bar, it doesn't react straight away and open the dropbown box, it waits until the mouse actually stops moving before opening the dropdown box)
I have seen this in action with a js script, which I got hold of, but I am not able to get it to work so far on the page.

2/ I would like to also have the dropdown box fade in and out rather than suddenly appear (which looks like it's jumping in rather a nice fade transition.

If anyone can help guide me through this to get it then I will put links up or something (not sure how to do that also at the moment)

Thanks in advance to all you Guru's out there.

Have a great day wherever in the world you are.

Can you share the link to the page you are trying the js on?

ok eric give me a few minutes

By the way got the drop down box to be less jumpy so that isn't really a problem anymore

Eric
Thanks again for looking at this

please go to
www.thorgarage.com

choose "English"
There is the page that has new mega menu and where I would like to have the hover intent function working (the script is in the header of the page)

Thanks


Wayan

Where did you get the script?

http://cherne.net/brian/resources/jquer … ntent.html