Javascript 向下滑动不起作用

这不起作用的原因：

window.setTimeout(function() {
if($(".alert").is(":hidden")) {
  $(".alert").slideDown(500, function() {
    window.setTimeout(function() {
      $(".alert").fadeTo(500, 0).slideUp(500, function() {
          $(this).remove(); 
      });
    }, 4000);
  });
}  
}, 1000);

HTML:

它不会向下滑动，并且该元素在4秒后被删除

---

如何修理，请帮忙。谢谢大家!

在JS Fiddle中正常工作

---

jquery动画方法不修改/读取隐藏属性。改用显示css样式。

<div id="login-error" class="container alert alert-danger" role="alert" hidden>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>Error!</strong> Invalid login or password!
      </div>

$(document).ready(function() {
   window.setTimeout(function() {   
    if($(".alert").is(":hidden")) {
      $(".alert").slideDown(500, function() {
        window.setTimeout(function() {
          $(".alert").fadeTo(500, 0).slideUp(500, function() {
              $(this).remove(); 
          });
        }, 4000);
      });
    }  
  }, 1000);
});