如何使用CSS过渡到动画下拉菜单？

我知道在更改类之间的显示模式时，转换不起作用。如何使用CSS过渡到动画下拉菜单？

所以我想使用jQuery来改变类。我在这里做了一个小提琴：http://jsfiddle.net/v8GTz/，但它似乎没有正常工作:(

它看起来像边界越来越动画，但高度不和opacity只有一次动画

什么时。我做错了

好吧，我设法让淡入淡出效果的工作，但高度仍不动画：

http://jsfiddle.net/XYD9K/

来源

2013-03-02 Alex

具体而言，当您停止在“ul ul”上停留时，您不会删除“展开”类。你实际上再次添加它，我猜这是一个无意的错误！

来源

2013-03-02 13:59:18 niaccurshi

我已经为您添加了更新的jsfiddle，http://jsfiddle.net/XYD9K/1/，它显示了如何在不需要担心Javascript的情况下获得期望的效果。请注意，元素总是显示：块，但我们更改最大高度和不透明度以获得所需的效果。这并不完美，您可能希望添加一些javascript来确定下拉的高度，并更改ul的“max-height”值以匹配它。这将提供最清晰的上下滑动。 – niaccurshi 2013-03-02 14:18:20

如何使用CSS过渡到动画下拉菜单？

回答

相关问题