Using jQuery delay() with css()

by

delay() works with the animation (fx) queue. Changing a css property does not work via that mechanism, and thus is not affected by the delay directive.

There is a workaround — you can inject the property change as a queued operation, like this:

$('#tip')
  .delay(800)
  .queue(function (next) { 
    $(this).css('display', 'none'); 
    next(); 
  });

Also, you should probably be using .hide() instead of .css('display','none').

Here’s a working example: http://jsfiddle.net/redler/DgL3m/

More Related Contents:

  1. what is the use of $.data() in jquery [duplicate]
  2. How to filter the jqGrid data NOT using the built in search/filter box
  3. How can I trigger the same function from multiple events with jQuery?
  4. Check if inputs are empty using jQuery
  5. TypeError: $.ajax(…) is not a function?
  6. jQuery loop over JSON result from AJAX Success?
  7. How can I load webpage content into a div on page load?
  8. jqGrid dynamic column binding
  9. Auto resizing the SELECT element according to selected OPTION’s width
  10. Can I change the scroll speed using css or jQuery?
  11. jQuery Drag And Drop Using Live Events
  12. How to know when all ajax calls are complete
  13. jQuery recursive iteration over objects
  14. Intellisense doesn’t work for JavaScript in Visual Studio 2012
  15. Trigger change() event when setting ‘s value with val() function
  16. How to pass values from one page to another in jQuery
  17. Target :before and :after pseudo-elements with jQuery [duplicate]
  18. Events not registering after replaceWith
  19. CORS request – why are the cookies not sent?
  20. jQuery syntax – when to use $ (dollar) vs jQuery [duplicate]
  21. Check if textbox has empty value
  22. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  23. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  24. jQuery Dialog-Postback but UpdatePanel doesn’t get updated
  25. jQuery: using a variable as a selector [duplicate]
  26. jQuery detect click on disabled submit button
  27. jquery validation not waiting for remote validation to return true, considers form valid
  28. Selecting a jQuery Tab using a parameter in the URL
  29. Listen to changes within a DIV and act accordingly
  30. Load JQuery into a Chrome extension?

Leave a Comment