jQuery wait till function is executed
<p>I'm trying to call 2 functions. The first function includes a jQuery effect. The second function (in this case is a jQuery effect), but may only execute if the first function is executed (and finished). Can someone help me out? Thanks!</p>

<p>Fox example: <a href="http://jsfiddle.net/fNH2u/1/" rel="nofollow">http://jsfiddle.net/fNH2u/1/</a></p>

<pre><code>function hideSecond(){
    $("#second").hide("slow");
}

$("#first").click(function(){
    hideSecond();
    $(this).hide("fast");
});
</code></pre>

<p>and the HTML:</p>

<pre><code>&lt;div id="first"&gt;
    first
&lt;/div&gt;
&lt;div id="second"&gt;
    second
&lt;/div&gt;
</code></pre>

<p>The function I want to call does more than just that jQuery effect. This is just an example. Putting the 2 functions together is not really what I'm looking for.</p>
