jquery - .delay 防止fadeIn执行

Question

我似乎无法弄清楚为什么这段脚本会按预期工作，当“.delay（800）”被删除时......但随着它的加入，“.delay（800）”后面的fadeIn永远不会执行。知道为什么吗？

CSS

#stepone, #steptwo, #stepthree, #stepfour, #stepfive, #finish  {
display:none;
}

jQuery 脚本

$(document).ready(function(){
    $("#startbutton").click(function() {
        $("#stepone, #steptwo, #stepthree, #stepfour, #stepfive, #finish").fadeOut(800);
        $("#start").delay(800).fadeIn(800);
    });
    $("#steponebutton").click(function() {
        $("#start, #steptwo, #stepthree, #stepfour, #stepfive, #finish").fadeOut(800);
        $("#stepone").delay(800).fadeIn(800);
    });
});