Fading from one SPAN to another, ending on last, jQuery
<p>Greetings,</p>

<p>I am trying to fade in text spans one after another, fading each out before the next is faded in, using jQuery.</p>

<pre><code>&lt;p&gt;IN
&lt;span class="fadeText"&gt;spiring&lt;/span&gt;
&lt;span class="fadeText"&gt;nnovative&lt;/span&gt;
&lt;span class="fadeText"&gt;genious&lt;/span&gt;
&lt;/p&gt;
</code></pre>

<p>The spans will be set to hidden in CSS, trying fade from one span to the next and ending with the last still visible. I've tried several combinations using <code>$(".fadeText").each</code> and <code>fadeIn()</code>, <code>fadeOut()</code> but cannot seem to produce this effect.</p>

<p>Any help would be greatly appreciated</p>

<p>Thanks</p>
