same event on different divs all executing at once

same event on different divs all executing at once

I have eight hidden divs, which I am trying to fadeIn one at a time, in sequence, with a pause between each one. I have tried creating an array of the individual div id, and putting the fadeIn effect in a for loop, and using the incremented value to advance from one div to the next. But all the fadeIn is executed on all the divs at once. And more puzzling to me, when I add an alert function to execute prior to my fade in, to show the array element for each div as it progresses through the for loop, it performs each alert in sequence, and then fadeIn all the divs at once. ¿?

  1. /* initially these divs all have an attribute of display:none
       I step through each elemet in the "divs" array,
       I take the litteral "div#, and append to it the value of the current array element,
       and pass this value to the slowShow function. */



  2.         for (var i=0;i<divs.length;i++) {
                setTimeout(slowShow("div#"+divs[i]), 1555);
            };
           
    /* the function slowShow calls a jQuery function using the value passed to that function
       as the selector for the jQuery function */






  3.         function slowShow(param) {
                alert(param);
                $(param).fadeIn( 2400 );
                return false;
            };





  4. /* the snipit of code displays the 8 individual divs all at once,
       I want to show each one is sequence, with a delay between them */       
        </script>