<p>I have a nested function to show/hide paragraphs news-ticker-style.</p>

<p>The problem is that when the loop starts over (line 4), the opacity effects stop working correctly so the paragraphs appear abruptly. </p>

<p>Any jquery masters know about this? Am I making this too hard?</p>

<pre><code>$('#special-ticker p').hide();
var a=0;
function outer() {
    function inner() {
        if(a===$('#special-ticker p').length) { a = 0; }
        $('#special-ticker p').
        eq(a).
        fadeIn(800, function(){
            $(this).animate({opacity:100},10000,null,function(){
                $(this).hide(800,function(){
                    a++;
                    outer();
                });
            });
        });
    }
    return inner();
}
$(function(){ 
    outer(); 
});
</code></pre>

the problem is line 9:
```
```
$(this).animate({opacity:100},10000,null,function(){
//...
```
```
opacity should be "1" (opacity is a value between 0 and 1)
```
```
$(this).animate({ opacity : 1 }, 10000, null, function() {
```
```