[jQuery] Can't get hover event to work properly in IE6
Hey there. I've looked around a bit to see if anybody was having a
similar problem, but I couldn't find anything useful. I'm a part-time
developer and I don't spend too much time in javascript, much less
jquery (I'm a Prototype refugee), so I hope this is my fault and
easily fixable.
Basically, I have been trying to build out a animated drop-down menu
and I have managed to make it work fairly reliably in FF and Safari,
but I can't get IE6 to act properly with the jquery hover event. The
menu structure is an unordered list and IE seems to fire the hover.off
function when moving between the child list items on the submenus. It
causes the flicker very similar to if one were to use the mouseOver
and mouseOut events in its place.
I found the bug with IE6 opacity in the 1.1.3 stable release, so I
have already updated to the SVN build. I have uploaded my current
version to www.natetodd.com/test so you can see what I mean. (Be sure
to view it in IE)
I would greatly appreciate any input and corrections to help solve
this issue. I would also appreciate any corrections/additions to my
code as Javascript is my weakest link.
Thanks a bunch and take care.