fadeOut在同一个div上执行后更改div的类

Question

我有一个div，设置为使用类显示none。

现在，当点击一个按钮时，我想让div显示5秒钟并让它消失。

我确实喜欢这个

$("#errorMessage").removeClass("hide").delay(5000).fadeOut("slow", function () {
                $("#errorMessage").addClass("hide");
            });

div可见5秒钟，它隐藏了它。当我使用浏览器检查器检查div时，div具有“隐藏”类本身

没有发生页面加载。所以，当我再次点击按钮时，没有任何事情发生。

有谁能告诉我为什么？

由于

Answer 1

我的假设是因为元素有一个内联的display: none集（fadeOut()可能会导致它）所以在删除hide类之后通过调用{{1}使其可见}

show()

演示：Fiddle，problem（首次点击后无效）