[jQuery] Anyway to kill a bunch of queued up mouse events

[Mitchell Waite]

I have this small script that shows and hides a button when you mouse over a
graphic. I added a fadeTo inside it so my button graphic would fade in and
out nicely. However when you move the mouse in and out fast it queues up the
fadeTo events and acts poortly.

http://www.whatbird.com/wwwroot/3statebutton_framed_4.html

Here's what the critical piece is.


        $("#trigmask").hover(function() {
                $("#nest").fadeTo(500,1.0)
                $("#But1frm").show();
        }, function() {
                $("#nest").fadeTo(500, .35)
          /*  $("#But1frm").fadeTo(100, 0)      */
            $("#But1frm").hide()
        });

Does anyone know if there is a way a way to kill any queued up mouse events
after the user does a mouse out?

Thanks

Mitch the PITA