Animation with JQuery, please show me a better "way"
<p>Sorry but iam an JS Newbie (-: I have to animate some span tags inside an div, this code
works but it looks horrible..</p>

<pre><code>$('#div span.t1').fadeIn(1500, function() {
        $(this).next().fadeIn(1500, function() {
            $(this).next().fadeIn(1500, function() {
                $(this).next().fadeIn(1500, function() {
                    $(this).next().fadeIn(1500, function() {
                        $(this).next().fadeIn(1500, function() {
                            $(this).next().fadeIn(1500, function() {
                                $(this).next().fadeIn(1500, function() {
                                    $(this).next().fadeIn(1500, function() {
                                        $('#ownage').animate({
                                            backgroundColor: 'red',
                                            color: '#FFF',
                                            fontSize: '30px'
                                        }, 2000);
                                    });
                                });
                            });
                        });
                    });
                });
            });
        });
    });
</code></pre>

<p>Html Example:</p>

<pre><code>&lt;div id="div"&gt;
&lt;span class="a1"&gt;TEXT1&lt;/span&gt;
&lt;span class="a2"&gt;TEXT2&lt;/span&gt;
...
&lt;/div&gt;
</code></pre>

<p></p>

<p>Is there a "faster" way?</p>
