Toggle and Fade Effects Sequentially
<p>I'm looking to toggle between slide-down then fade-in and fade-out then slide-up effects in jQuery. Is it possible to do something like this with <code>toggle</code>? I currently have:</p>

<pre><code>&lt;a href="#" id="toggle"&gt;more&lt;/a&gt;

&lt;div id="about"&gt;
  &lt;p id="info"&gt;...&lt;/p&gt;
&lt;/div&gt;

&lt;script&gt;
  $('#toggle').click(function() {
    $('#about').toggle('fast', function() { $('#info').fadeIn(); });
  });
&lt;/script&gt;
</code></pre>

<p>But it only works for the initial click. Can two functions be added to click that are toggled between? Does a way of doing the above without keeping track of state variables exist? Thanks!</p>
