JQuery UI addClass callback function being called immediately
<p>I am trying to add a class then remove it using JQuery UI's addClass callback. The problem is the callback is called immediately. I have tried it a few different ways but no matter what the callback calls immediately and never waits for the animation to happen.</p>

<p><strong>Update:</strong> I made the changes to easing that were suggested but still the callback fires immediately.</p>

<p>Here are the ways I have tried:</p>

<p><strong>Method 1</strong></p>

<pre><code>function pulsateUp() {
    text.addClass("pulsate-up", 1000, "easeInQuad", pulsateDown);
}
function pulsateDown(){
    console.log("Removing class");
    text.removeClass("pulsate-up", 1000, "easeInQuad");
}
</code></pre>

<p><strong>Method 2</strong></p>

<pre><code>function pulsateUp() {
    text.addClass("pulsate-up", 1000, "easeInQuad", function(){pulsateDown()});
}

function pulsateDown(){
    console.log("Removing class");
    text.removeClass("pulsate-up", 1000, "easeInQuad");
}
</code></pre>

<p><strong>Method 3</strong></p>

<pre><code>function pulsateUp() {
    text.addClass("pulsate-up", 1000, "easeInQuad", function(){
        console.log("Removing class");
        text.removeClass("pulsate-up", 1000, "easeInQuad");
    });
}
</code></pre>

<p>Here is my css in case it has anything to do with the issue:</p>

<pre><code>#animate-demo {
    text-align: center;
    margin: 0 auto;
    width: 99%;
    color: #0972a5;
    font-size: 48px;
    transition: 1s;
}
.pulsate-up {
    transform: scale3d(1.5, 1.5, 1.5);
}
</code></pre>