引导通知-JS函数仅在第一次迭代时淡入通知

Question

我具有以下JS函数，可使用引导程序类创建div：

function showDiv() {
    let div = document.createElement("div");
    div.innerHTML = '<div id="newAlert" class="alert alert-info">Hello</div>'
    document.body.appendChild(div);
$("#newAlert").delay(3000).fadeOut();

HTML按钮将触发此功能并在屏幕上显示引导通知，该通知将在3秒钟后消失。

问题在于，第一次淡入淡出之后，再次单击该按钮将使通知再次出现，但是在第二次单击时不会淡出通知。我需要在每次按钮单击时显示和淡出通知，而无需重新加载页面。

我最初尝试在jquery部分周围实现一个'if 1 == 1'语句，但这并没有改变任何东西。

有人可以为我指出正确的方向，为什么通知只消失一次？任何帮助将非常感激。