Tengo un problema con mi página web. Tengo 4 divs que deberían desaparecer después de la anterior. El código que uso es:

$('.btn').click(function(){
    $('#box3').delay(5000).fadeOut('slow', function(){
        $('#box4').fadeIn('slow');
    });
});

Con # box1> # box2 funciona, con # box2> # box3 funciona pero cuando intento pasar de # box3> # box4 a veces # box3 se desvanece y luego se desvanece con # box4. No tengo idea de por qué está haciendo esto.

Gracias,

http://jsfiddle.net/chLRa/4/ ahora trabajando. A veces, al pasar de 3 a 4 todavía se desvanece en 3 y 4