Mootools / CSS高度变形结果。

Question

我创建了一个购物车页面，其中显示了购物车中所有商品的列表，每个商品都有一个按钮，可以从购物车中删除商品。我试图通过Javascript从购物车中删除商品。

该项目应该完全淡出，然后将height，margin和padding值变形为0.但是，在第二次变形期间，删除项目下方的项目高度的变化与被移除项目的大小相反。

在：

在：

我无法弄清楚我的生活在这里发生了什么，以及为什么。我检查了Firebug中的DOM元素，看看是否有任何样式应用于它们（或它们的子元素），但似乎没有任何变化。我非常困惑。

我的代码的JSFiddle：http://jsfiddle.net/9yeqs5vq/