Question

So the idea is to fade each image out from the bottom.. obviously it’s going to have to backwardly traverse the array. However, i can’t seem to figure it out at the moment. The idea is that it would pause after running the fadeOut() function, I thought set time out would work, but firebug gives me this error:
useless setTimeout call (missing quotes around argument?)

Line 262.
I even went as far as to not use a $.each loop and use a for (i=0 loop

<script type="text/javascript">
    //Bottom Nav functions
    $(document).ready(function(){

        $('#bottomNav a:eq(0)').click(function(){

        var arti = $('#aHolder article');
        var amt = arti.length;
        var i = 0;

            for (i=0;i<amt;i++){

            $('#aHolder article:eq('+i+')').fadeOut();
            setTimeout(300);

            }


        });

    });


</script>

Answer 1

Something like this should do:

var i = $('#aHolder article').length,
interval = setInterval(function () {
    if (i-- <= 0) {
        clearInterval(interval);
        return;
    }
    $('#aHolder article:eq(' + i + ')').fadeOut();
}, 300);

Delayed execution in a loop is best done with an interval. Once you have reached your terminating condition, you just clear it.