Javascript 向下滚动仅显示可见性的html元素（<；ul>；）：无

我有一个框架中的下拉菜单。下拉菜单部分只是隐藏的。在父元素悬停时，可见性设置为“显示”

由于下拉菜单位于页面的可见部分，但只是隐藏，因此我可以轻松添加淡入淡出/淡出效果

我想做的是将其悬停在父元素上，而不是仅仅显示它，我希望它向下滑动

这样做的最佳方法是什么？将下拉列表设置为0高度，然后设置其高度的动画以提供幻灯片效果？有没有css3动画比js做得更好

---

我不能真正修改菜单的html或最初定位它的基本css，因为它相当复杂。但是想知道是否可以像我建议的那样做？

使用

display:none

而不是

visible:hidden

对于滑动效果，可以使用

slideDown

和

slideUp

方法

$ul = $('#parentElement ul');
$('#parentElement').hover(
    function() {
        $ul.stop().slideDown("fast");
    },
    function() {
        $ul.stop().slideUp("fast");
    }
);

---

通过

滚动效果

，您的意思是

幻灯片

？不幸的是，无法实现属性从

0

到

自动的css转换。如果您有5个列表项，每个都
1em
高，您可以将高度从
0
设置为
5em
是的，对不起，我是说幻灯片！