load html after opacity = 0
<p>I have this code. opacity 0 and opacity 1 works! but load(pagina) don't load. Why?</p>

<pre><code>function cargarContenido(pagina) {
    $('#content').animate({"opacity":"0"});
    if ($('#content').css('opacity') == 0) {
        $("#content").load(pagina);
    }
    $('#content').animate({ "opacity": "1" });
}
</code></pre>

<p>If i put only this, it works fine</p>

<pre><code>function cargarContenido(pagina) {
    $("#content").load(pagina);
}
</code></pre>
