slideDown div inside a function not working
<p>For now I'm trying to slide down the msg_general div, I will later append a json response to it, however the problem is it will just show but not slidedown.</p>

<p>The function:</p>

<pre><code>function createGeneralMsg(msg) {
   $('#msg_general').slideDown(200);
}
</code></pre>

<p>Where I call it (inside a .click functon):</p>

<pre><code>.......
$.ajax({                    
type: "POST",
url: action_link,
data: data_string,
dataType: 'json',
success:
    function(msg) {
        if($('.delete-link').hasClass('delete-page')) {
            window.location = 'index.php';
        }
        if($('.delete-link').hasClass('delete-news')) {
            createGeneralMsg(msg);
        }
    }
}, 'json');
.......
</code></pre>

<p>slideDown() will work anywhere else, when I test this for example:</p>

<pre><code>$('.test').click(function() {
    $('#msg_general').slideDown(200);
});
</code></pre>

<p>Any help would be greatly appreciated.</p>
