jquery .animate()动画卡顿

Question

我给一个ul,做了animate效果（改变ul的高度，）
ul里面的li因为JS事件传播的影响，也设置这个animate这个效果，
问题是：我现在鼠标浮到ul上，动画开始，在动画的过程中，鼠标同时也放在了li上，也触发了animate这个效果，因为我加了.stop（）动画停止了，然后又继续，形成了动画在过程中有卡顿的现象，如果我给Ul下面的li阻止事件传播，动画在播放过程中，如果鼠标触碰到了li动画就立即停止了。
请问这个问题怎么解决？

IndustriesModel做了动画，里面的h2，ul等子级元素受事件传播，也拥有了附近的动画；

![图片上传中...]

Answer 1

这种简单的动画直接用css就够了
ul:hover{
你想要的样式blablabla
transition：你想要的过渡效果blablabla
}