如何使用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過渡到動畫下拉菜單？

回答

相關問題