jquery delay is happening after fadeout

Question

I'm fading in and out 3 divs. the fadein and out works great, except the delay is happening after the div is faded out. the code:

runslide();

function runslide() {
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function () {
        $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function () {
            $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function () {
                runslide();
            });
        })
    });
}

here is the file I am working on: http://goo.gl/8xt1XZ , it is the slider after the text.

Answer 1

change the code like this

runslide();

function runslide() {
$('.expect').fadeIn(1500).fadeOut(2000, function() {
$('.marketing').fadeIn(1500).fadeOut(2000, function() {
    $('.consider').fadeIn(1500).fadeOut(1000, function(){
    runslide();
});
})
});
}

DEMO

Answer 2

The delay seems to be working fine. You do have a missing semicolon but I don't think that's the problem. I'm not sure what the problem is on your site. I tried it with jQuery version 1 and 2 and both seems to be working fine.

http://jsfiddle.net/csrow/5t4rL/2/

$('.expect').hide();
$('.marketing').hide();
$('.consider').hide();
runslide();

function runslide() {
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function () {
        $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function () {
            $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function () {
                runslide();
            });
        });
    });
}