Javascript 如何制作“动画”；简单jquery过滤"；仅使用css

我试图在元素被javascript过滤时设置它们的动画，但是下面的代码不起作用。有什么建议吗？ 这就是我目前所拥有的。

---

再想一想，有没有其他方法可以只使用css来设置元素的动画？

我建议您使用css转换。我相信这就是你想要做的，但是我在任何地方都找不到引用的“scaleDown”动画。我的解决方案在切换.item元素上的其他“.hidden”类时，对其设置宽度和高度动画：

#ourHolder div.item.hidden {
    transition: all 0.3s linear
}

#ourHolder div.item.hidden {
    width: 0;
    height: 0;
    overflow: hidden;
}

完整解决方案

---

编辑：使用最小高度和最小宽度进行小提琴演奏：

您好，非常感谢您的回复。这很好用。但是，是否有任何方法可以在不使用“#ourHolder div.item”中的特定宽度和高度的情况下使用过渡？否，因为过渡会影响元素的尺寸，因此必须先指定一个尺寸。但是，没有什么可以阻止您使用相对宽度，即25%而不是200。仔细想想，您可以。必须有一定的宽度和高度，但您可以使用

minwidth

和

minheight

轻松解决这一问题。就像这把最新的小提琴：非常感谢，尼可拉斯。这就行了。我很感激。

#ourHolder div.item.hidden {
    transition: all 0.3s linear
}

#ourHolder div.item.hidden {
    width: 0;
    height: 0;
    overflow: hidden;
}