jQuery fadeToggle one after the other
<p>I have a jquery function the toggles two divs with fadeToggle.</p>

<pre><code> $(".container .readmore").click(function() {
            $(".container .content-teaser").fadeToggle('slow');
            $(".container .content-full").fadeToggle('slow');
        });
</code></pre>

<p>But I need it to fade the visible one out THEN fade the hidden one in. then vise versa.</p>

<p>Any ideas?</p>

<p>Thanks
C</p>

<p>UPDATE: please check jsfiddle here: <a href="http://jsfiddle.net/tSmUA/4/" rel="nofollow">http://jsfiddle.net/tSmUA/4/</a></p>

<p>Now I have an issue when toggleing back it shows both divs for a moment.</p>
