悬停时的过渡效果

Question

我被简单的事情困住了，无法解决这个问题。当我将鼠标悬停在 html 中的一个 li 元素上时，我已经做到了，以便其他一些 li 下降（下拉菜单的形式）。

但是，我正在尝试找到一种方法让该下拉菜单对下拉菜单产生过渡效果，但我无法弄清楚...

链接是：

`https://jsfiddle.net/cphtd3ge/`

如果有人能帮我解决这个问题，我将不胜感激。我还在学习，我想尽可能多地学习。

Answer 1

我已经更新了您的 jsfiddle，希望对您有所帮助。 https://jsfiddle.net/cphtd3ge/21/

您需要将transition 添加到要设置动画的选择器上，而不是其子级上。我还使用了max-height 而不是height，因为你不能在CSS 中从0px 转换到auto。