Jquery 如何显示<；李>'；s悬停在<；ul>；使用“显示：块”以非常慢的速度显示为动画

下面是示例代码，我希望在悬停时缓慢出现

 #container p
{
    display: none;
    transition: all 3s ease;
}

#container:hover p
{
    display: block;
}

---

这就是你要找的吗

.listcontainer-ul{
最大高度：0；
溢出：隐藏；
不透明度：0；
过渡：全部。4s轻松；
}
.listcontainer:悬停ul{
/*如果在此处设置一个大致“适合”的值（确保该值永远不会太小），则动画效果最佳*/
最大高度：200px；
不透明度：1；
过渡：所有3s轻松；
}

盘旋我

您可以使用不透明度属性：

 #container p
{
    opacity: 0;
    transition: all 3s ease;
}

#container:hover p
{
    opacity: 1;
}

只需将“显示”属性更改为“不透明度”，如下所示：

#container p
{
    opacity: 0;
    transition: all 3s ease;
}

#container:hover p
{
    opacity: 1;
    transition: all 3s ease;
}

---

无法设置“显示”属性的动画-最好设置“不透明度”和“最大高度”的动画，以产生缓慢显示的错觉。您可以使用jQuery的.slideToggle（）方法，该方法将允许项目以滑动打开/关闭的方式显示。您想通过jQuery还是纯css来显示？甚至jQuery也会选择一个答案。