Forums

  • # March 6, 2013 at 6:33 am

    Howdy,

    I’m having problems combining .delay with .addClass using jQuery. My goal is to have a slight delay before the class is added, but my approach doesn’t seem to solve the issue. The class is added immediately even when I specify a delay. If anyone could suggest a solution for this, or explain to me what I’m doing incorrect…I’d be ever so thankful.

    Here is a code sample:

    $(“.button”).toggle(function() {
    $(“div”).stop().animate({top:’0′}, 600);
    $(this).delay(200).addClass(“active”);
    }, function() {
    $(“div”).stop().animate({top:’-100%’}, 600);
    $(this).delay(200).removeClass(“active”);
    });

    ALSO…I’ve added the **.stop()** before the animation attempting to prevent the next animation from firing until the current is complete. For whatever reason _(mostly my lack of knowledge on the subject)_ this fails to work. Am I writing it properly?

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag