Set jQuery toggle back to beginning
<p>I have this code to show/hide (toggle) a div when clicking a link:</p>

<pre><code>$('#complete-services-link').toggle(
    function () {
         $('#complete-services-box').fadeIn('fast');
    }, 
    function () {
         $('#complete-services-box').fadeOut('fast');
    }
);
</code></pre>

<p>The <code>#complete-services-box</code> is the div that is being shown/hidden, typically you would click on the link again to close the box, but if I make it so you can click on the box to close it and then click the toggle link, I would have to double click it because the link is listening for the second function <code>$('#complete-services-box').fadeOut('fast');</code>. </p>

<p>I want to make it so when I click on the box the code above starts over. I tried this with no luck: </p>

<pre><code>$('#complete-services-link').toggle(
    function () {
        $('#complete-services-box').fadeIn('fast');
    }, 
    function () {
        $('#complete-services-box').fadeOut('fast');
        $('#complete-services-box').click(function () {
             $('#complete-services-box').fadeOut('fast');
        });
    }
);
</code></pre>
