Call back function with delay using jquery

Question

Hi I use jquery call back function to removeClass, Now I want to attach delay with this function. My function is

$(function(){
$('a').click(function(){
$('.mydiv').find('.div1').addClass('jmnew').show('slow', function(){
$('.mydiv').find('.jmnew').removeClass('jmnew');
});
});
});

HTML//

<div class="mydiv">
<div class="div1" style="display:none">
abc
</div>
<a href="#">click me</a>
</div>

fiddle link

Littm · Accepted Answer · 2012-09-27 07:41:50Z

2

You should use setTimeout

$(function(){
    $('a').click(function(){
        $('.mydiv').find('.div1').addClass('jmnew').show('slow', function(){
            setTimeout(function() {
                $('.mydiv').find('.div1').removeClass('jmnew')
            },2000);
        });
    });
});

edited Sep 27, 2012 at 7:41

Littm

4,9454 gold badges33 silver badges40 bronze badges

answered Sep 10, 2012 at 11:08

Ashish Bhagat

4203 silver badges17 bronze badges

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

Comments

Michal Klouda · Accepted Answer · 2012-09-10 11:02:59Z

0

You will need to use setTimeout function, since jQuery's delay() only works with queued effects.

$(function() {

    $('a').click(function() {
        $('.mydiv').find('.div1').addClass('jmnew').show('slow', function() {

            setTimeout(function() {
                $('.mydiv').find('.jmnew').removeClass('jmnew')
            }, 1000);
        })
    })
})

See the DEMO.

answered Sep 10, 2012 at 11:02

Michal Klouda

14.6k7 gold badges58 silver badges79 bronze badges

Collectives™ on Stack Overflow

Call back function with delay using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related