Question

I am using delay() in this code but it doesn’t work …

   $j(function(){
      $j(".select-plan #container ul li").hover(function(){
         $j(this).find(".checkout-pop-out").delay(500).stop(true, true).fadeIn(200);
      },function(){
         $j(this).find(".checkout-pop-out").stop(true, true).fadeOut(200);
      });
    });

How can I fix this?
Thanks

Answer 1

.delay() is used for animations first stop the animation and then use delay with fadeIn, try

   $(function(){
      $(".select-plan #container ul li").hover(function(){
         $(this).find(".checkout-pop-out").stop(true, true).delay(500).fadeIn(200);
      },function(){
         $(this).find(".checkout-pop-out").stop(true, true).fadeOut(200);
      });
    });