Can I put delay(500) before an addClass()?

jquery delay addclass
user2097217 picture user2097217 · Mar 16, 2013 · Viewed 41k times · Source 
$(document).ready(function(){
    $("#info-text-container").click(function(){
        $("#info-text").delay(500).addClass("info-text-active");
    });   
});

This does not put an delay on it when it gets clicked. Which I want to accomplish. Why and is this hackable, possible to overcome? Thanks!

Answer

undefined picture undefined · Mar 16, 2013

delay only works with animating methods, you can use setTimeout function:

$("#info-text-container").click(function(){
    setTimeout(function(){
       $("#info-text").addClass("info-text-active");
   }, 500);
});

Related questions

Can I delay jQuery addClass?

Is there a way to delay the addClass() of jQuery? For example this code $('#sampleID').delay(2000).fadeOut(500).delay(2000).addClass('aNewClass'); When I load the page, it has the class 'aNewClass' already on id 'sampleID'. How to solve this problem? …

Read More
JavaScript sleep/wait before continuing

I have a JavaScript code that I need to add a sleep/wait function to. The code I am running is already in a function, eg: function myFunction(time) { alert('time starts now'); //code to make the program wait before …

Read More
Proper way to wait for one function to finish before continuing?

I have two JS functions. One calls the other. Within the calling function, I'd like to call the other, wait for that function to finish, then continue on. So, for example/pseudo code: function firstFunction(){ for(i=0;i<x;…

Read More