Javascript 如果动画angularjs崩溃，则为ng

我在angularjs中使用动画时遇到了一个小问题。我可以展开和折叠一个div，但是当我折叠它时，div的内容会在容器折叠后消失。它应该是折叠在一起的。。我在这里做了一个jsfiddle：

css非常简单：

.animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 1s linear all;
}

 .animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}

 .animate-if.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}

 .animate-if.ng-leave {
    max-height: 999px;
    opacity:1;
}

 .animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}

---

感谢使用

溢出进行简单修复：隐藏

.animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 1s linear all;
    /* no overflow during animation */
    overflow:hidden;
}

这正是我想要的。谢谢