What about something like:
$(a).hoverIntent( handleMouseOver , function(){} )
$(b).hover( function(){} , handleMouseOut )
You'd get the graze protection from hoverIntent and the mouseOut on another
object. It's a little wasteful using empty functions like that... but it
might help. In this case, it might be better to create an empty function and
reference it twice.... but I'm not sure if there'd be any perceivable
savings. Oh, and you'd have to throw an if statement in your handleMouseOut
function that prevented it from doing anything if your menu was already in
the closed position (in case handleMouseOver hadn't fired).
It isn't ideal, but this might get you a little closer to an acceptable
animation/interaction.
Brian.
On 5/17/07, Daemach <[EMAIL PROTECTED]> wrote:
That plugin is cool - I looked at it before. Unfortunately I'm
triggering the close and open from two different elements and using
the mouseout event on the menu itself to close. The problem is that
if the mouse leaves the object, it starts the slide animation. If the
mouse grazes the div even slightly, it restarts the animation
triggering another mouseout event (the menu resets to max height and
starts shinking until it is no longer under the mouse and another
event is triggered...) and that repeats ad infinitum, or at least
until you move the mouse.
I need to figure out a way to ignore mouseouts until the slide
animation is complete :/
On May 17, 1:18 pm, "Brian Cherne" <[EMAIL PROTECTED]> wrote:
> My hoverIntent plug-in may help... but in the opposite way of thinking
about
> your problem -- it delays the onMouseOver call until the users cursor
comes
> to rest (or slows significantly) over the target object.
>
> http://cherne.net/brian/resources/jquery.hoverIntent.html
>
> Brian.
>
> On 5/17/07, Daemach <[EMAIL PROTECTED]> wrote:
>
>
>
> > I have a slightly different problem - I have a vertical menu that gets
> > displayed when you mouse over a link using slideDown. I attached a
> > slideUp event to the mouseout event of the containing div, but if the
> > pointer moves back over the menu before the animation is done it
> > restarts the animation repeatedly until you move the pointer. Any
> > ideas on how to solve that one? It looks very strange.
>
> > On May 17, 9:37 am, "John Resig" <[EMAIL PROTECTED]> wrote:
> > > Isn't that what .hover() does?
>
> > > $(...).hover(function(){
> > > $(this).addClass("hilite");}, function(){
>
> > > $(this).removeClass("hilite");
>
> > > });
>
> > > --John
>
> > > On 5/17/07, Remy Sharp <[EMAIL PROTECTED]> wrote:
>
> > > > I've written a plugin that will fire a mouseout when the mouse
leaves
> > > > the container DIV, rather than moves over a sub-element:
>
> > > >http://remysharp.com/2007/05/17/true-mouseout-jquery-plugin/
>
> > > > Hope it helps.
>
> > > > On May 16, 1:36 pm, SamCKayak <[EMAIL PROTECTED]> wrote:
> > > > > Just getting started...
>
> > > > > I have several unordered lists on a page. I want to add a class
> > > > > 'hilite' to an ordered list onmouseover and remove the class
> > > > > onmouseout.
>
> > > > > So far, so good. My problem is that while the mouse is inside
the
> > > > > ordered list, an onmouseout event fires when the mouse moves
over a
> > > > > list item (but is still inside the ordered list).
>
> > > > > What methods are available to detect this condition as I do not
want
> > > > > to removeClass('hilite') while I am in the ordered list but
hovering
> > > > > over a list item?
>
> > > > > Thanks,
>
> > > > > Sam
