why my setTimout is not working

benf posted this at 20:39 — 10th May 2010.

Joined: Feb 2005

Can anyone see why the below is not working? It does not fade in?

      $(titleWrap).hover(
          function(){
           //$(this.nextSibling).delay(1000).fadeIn("slow");
           t = setTimeout(function(){$(this.nextSibling).fadeIn("slow")},1000);
          },
          function(){
            clearTimeout(t);
          }
        );

Good Value Professional VPS Hosting

teammatt3 posted this at 02:08 — 11th May 2010.

He has: 2,102 posts

Joined: Sep 2003

In this line
t = setTimeout(function(){$(this.nextSibling).fadeIn("slow")},1000);
"this" refers to the global object (the window). You need something like

      $(titleWrap).hover(
          function(){
           var that = this; // keep a reference to 'this' since you lose it in the setTimeout callback
           t = setTimeout(function(){$(that.nextSibling).fadeIn("slow")},1000);
          },
          function(){
            clearTimeout(t);
          }
        );