How to stop animation loop of this code in jquery
<p>I have this code:</p>

<pre><code>$("#RUN").focusout(function() {
if ($(this).val().length &gt; 0) {
    $.post('index.php?User=CheckUser', { "UserName": $("#RUN").val() }, function(result) {
        // Var's
        var OrigMsg = $("#RUI").text();
        var OrigColor = $("#RUI").css("color");
        // Code
        $("#RUI").slideUp(1000);
        $("#RUI").delay(500).queue(function(next) {
            $(this).empty();
            $(this).css("color", result.color);
            $(this).append(result.message);
            next();
        });
        $("#RUI").slideDown(1000).delay(3000).slideUp(1000);
        $("#RUI").delay(500).queue(function(next) {
            $(this).empty();
            $(this).css("color", OrigColor);
            $(this).append(OrigMsg);
            next();
        });
        $("#RUI").slideDown(1000);
    }, "json");
}
});
</code></pre>

<p>Every time I go out of the item with ID #RUN it animates, I tried to set:</p>

<pre><code>$("#RUN").focusout(function() {
    $("#RUN").stop();
});
</code></pre>

<p>And all the stop combinations: stop(true), stop(true,true)</p>

<p>Also tried:</p>

<pre><code>if ($("#RUN").is(":animated")) {
    $("#RUN").stop(true,true);
}
</code></pre>

<p>And all the stop combinations.</p>

<p>I don't really know very well where to put the .stop() thing for this to stop animation loop.</p>

<p>EDIT:
The HTML code is:</p>

<pre><code>&lt;td&gt;
    &lt;input type="text" id="RUN" name="RUN" maxlength="30" /&gt;
&lt;/td&gt;
&lt;td&gt;
    &lt;div id="RUI" class="InfoItem"&gt;
        Letras y Numeros, longitud minima 8 caracteres.
    &lt;/div&gt;
&lt;/td&gt;
</code></pre>

<p>As for the jsFiddle is a little difficult to make because it uses the $.post() and for now I only have the page on my local PC.</p>
