Swapping content with jquery and adding fadein effect
<p>Wondering if anyone has an answer to this conundrum?</p>

<p>I've got some Jquery working which swaps content within a div when some text is clicked:</p>

<pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $("#changeText").click(function() {
  $("#textBox").html("&lt;div&gt;This text will be changed to something else. in a div&lt;/div&gt;");
 });
});
&lt;/script&gt;

&lt;a id="changeText"&gt;Find out more&lt;/a&gt;
&lt;br /&gt;
&lt;div id="textBox"&gt;&lt;div&gt;This text will be changed to something else&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>But, when the content is swapped I'd like to be able to fade out the old content and fade in the new. Is there a way of doing this?</p>
