jquery do something after animation
<p>I have following code that is executed when doing a mouseenter on a div :</p>

<pre><code>$('.expandable').mouseenter(function () {
    $(this).find('.links').css('visibility', 'hidden');

    $(this).find('.links').show('fast', function () {
        $(this).find('.links').css('visibility', 'visible');
        alert("The paragraph is now visible");
    });
}
</code></pre>

<p>Normally <code>$(this).find('.links').eq(0).css('background-color', 'visible');</code> should be executed after the animation is done but i am looking in the developer tools (chrome) when doing mouseenter and mouseout, but the css does not change... But I am getting the alert when the animation is done.</p>

<p>Somebody can help me with this? </p>

<p><strong>EDIT, SOLUTION:</strong></p>

<pre><code>$('.expandable').mouseenter(function () {
    $(this).find('.links').css('visibility', 'hidden');

    $(this).find('.links').show('fast', function () {
        $(this).css('visibility', 'visible');
        alert("The paragraph is now visible");
    });
}
</code></pre>
