Dom 如何在元素销毁之前触发CSS动画？

我正在尝试设置向下展开菜单的动画，这样当用户单击一个选项时，子选项会以动画方式展开，当再次单击主选项时，子选项也会随着动画而折叠。下拉菜单本身可以工作，但动画给我带来了麻烦

我目前的“扩展”动画工作正常。创建子选项元素时，将为它们提供“drill expand”类，该类将它们链接到以下CSS：

.drill-expand {
animation:expand 1s;
-webkit-animation:expand 1s; /* Safari and Chrome */ 
}

以及相应的@keyframes动画。首次单击主选项时，将创建子选项，并根据“钻取展开”动画显示

但问题出现在拆分子选项时。单击主选项折叠子选项时，我无法使子选项跟随动画。相反，DOM元素只是被销毁了（深入菜单的行为是正确的，但并不漂亮——我想要一个动画）。有没有办法在DOM元素被销毁之前触发“折叠”动画

我正在使用AngularJS 1.1.4，如果它有用的话

---

谢谢

按动画持续时间延迟元素销毁（本例中为1s）。我认为没有版本1.4.4。要么您使用的是1.0.x（稳定）分支，在这种情况下，您必须将元素保留在不同的类中，要么您使用的是1.1.x（不稳定），在这种情况下，您应该使用它来完成这项工作。@Music_ut-抱歉，我的意思是我使用的是Angular 1.1.4，而ng animate直到1.1.5才可用。似乎唯一的方法就是在适当的时间设置超时。