Jquery 为什么这种效果只在第一次起作用？

我在stackoverflow上发现了这段有用的代码，但出于某种原因，它只在第一次应用时才起作用，以后再也不会起作用

我如何才能使动画始终工作，而不仅仅是第一次

资料来源：

这是我的CSS

.menu-item {
  font-size: 61px;
  font-weight: 100 !important;
  list-style: outside none none;
  margin-top: 12px;  list-style: none;
  padding: 5px; opacity:0;
  display:none;
}

---

它只工作一次的原因是

.slideDown（）

方法会将元素的

显示设置为
块
，然后每隔单击一次，您只会设置不透明度的动画。您可以链接
.hide（）
方法，以便在设置元素动画之前隐藏该元素

这样，它将多次工作：


.menu-item {
  font-size: 61px;
  font-weight: 100 !important;
  list-style: outside none none;
  margin-top: 12px;  list-style: none;
  padding: 5px; opacity:0;
  display:none;
}

$(".menu-item")
  .hide()
  .css('opacity', 0)
  .slideDown('slow')
  .animate(
    { opacity: 1 },
    { queue: false, duration: 'slow' }
);