Adding delay to mouse out function in css dropdown menu

Question

I want to add delay to the mouse out function about 1000ms thanks

$('#cart .arrow').live('mouseover', function () {
    $('#cart').addClass('active');
    $('#cart').load('index.php?route=module/cart #cart > *');

    $('#cart > .content').slideToggle('fast');
    $('#cart').live('mouseleave', function () {
        $(this).removeClass('active');
    }
});

Sachin · Accepted Answer · 2015-03-31 10:04:38Z

1

Try with setTimeout

$('#cart').live('mouseleave', function () {
    setTimeout(function () {
        $(this).removeClass('active');
    }, 1000)
});

answered Mar 31, 2015 at 10:04

Sachin

41.1k7 gold badges94 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nandan Bhat · Accepted Answer · 2015-03-31 10:10:26Z

0

    $('#cart').addClass('active');

    $('#cart').load('index.php?route=module/cart #cart > *');

    $('#cart > .content').slideToggle('fast');

    $('#cart').live('mouseleave', function() 
    {

      setTimeout(function()
      {
       $(this).removeClass('active'); 
      }, 5000);

    });

This will cause a delay of 5 seconds on mouse out.

answered Mar 31, 2015 at 10:10

Nandan Bhat

1,5632 gold badges10 silver badges21 bronze badges

2 Comments

Sachin Over a year ago

How this answer is different from the above answer?

Nandan Bhat Over a year ago

By the time I answered this question, it was already answered.

Collectives™ on Stack Overflow

Adding delay to mouse out function in css dropdown menu

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related