Question

Basically I’m trying to merge the two scripts below for a project. My goal is to keep the functionality of the first link, where it fades in random divs at different intervals, but attach it to PaulPRO’s version, in that it keeps looping over and over again, say every 5 seconds. Any help is greatly appreciated!

1. http://jsfiddle.net/cMQdj/1/ (thanks to mblase75)
2. http://jsfiddle.net/Paulpro/G4pxq/ (thanks to PaulPRO)

Answer 1

Hows this ->

http://jsfiddle.net/G4pxq/9/

(function fadeInDiv(){
    var divs = $('.fadeIn');
        var elem = divs.eq(Math.floor(Math.random()*divs.length));
    if (!elem.is(':visible')){
        elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv); 
    } else {
        elem.fadeOut(Math.floor(Math.random()*1000),fadeInDiv); 
    }
})();

Update

Maintaining position / order :

http://jsfiddle.net/G4pxq/12/

$('.fadeIn').before('<div>&nbsp;</div>');

(function fadeInDiv() {
    var divs = $('.fadeIn');
    var elem = divs.eq(Math.floor(Math.random() * divs.length));
    if (!elem.is(':visible')) {
         elem.prev().remove();
        elem.fadeIn(Math.floor(Math.random() * 1000), fadeInDiv);

    } else {

        elem.fadeOut(Math.floor(Math.random() * 1000), function() {
            elem.before('<div>&nbsp;</div>');
            fadeInDiv();
        });
    }
})();