That works great thanks James. Exactly what I needed.
On Apr 2, 8:15 pm, James <james.gp....@gmail.com> wrote:
> Something like (untested):
>
> var myTimeout = null;
>
> $('#myDiv').bind("mouseleave", function() {
> myTimeout = window.setTimeout(function() {
> $("#myDiv").slideUp(450);
> }, 1000); // <-- 1000ms
>
> });
>
> $('#myDiv').bind("mouseenter",function() {
> window.clearTimeout(myTimeout);
>
> });
>
> When you mouseleave, it sets a 1000ms (1 second) timeout, which is
> also stored as variable myTimeout. If you mouseenter again, it'll
> clear that timeout so it won't execute.
>
> On Apr 2, 2:59 am, wjp <waynep...@gmail.com> wrote:
>
> > Hi,
>
> > I have something like:
>
> > $('#myDiv').bind("mouseleave",function() {
> > $('#myDiv).slideUp(450);
>
> > })
>
> > Essentialy I have a give that appears from a click event with some
> > content. When the user mouses out of the div it slides away.
> > However I'd like to have some for a delay so if the users mouse
> > pointer leaves the div but comes back in within 1 sec the div does not
> > slide up. THis is to stop the user from accidently moving the mouse
> > out whilst moved down the contents of the div.
>
> > Any ideas on how I could do this?
> > thanks
> > Wayne
