jQuery动画元素揭示 - 从下到上

Question

我正在尝试设置水平列表外观的动画。这是一个顶部导航栏。

以下效果非常好，但它从顶部（我假设为ul）到底部进行动画制作。

如何动画到底，向上？

$("#topnavigation li").css({height:'0'}); // 'hide' it first
$("#topnavigation li", this).stop().animate({height:'23px'},{queue:false,duration:1000});

Answer 1

你也必须调整它的位置..

$("#topnavigation li").css({height:'0', top:'23'}); // 'hide' it first
$("#topnavigation li", this).stop().animate({height:'23px', top: '0px'},{queue:false,duration:1000})

当然，top的起始值可能会有所不同，这取决于你的元素造型。你可以使用top或margin-top;取决于CSS。

您还可以在jqueryui中使用幻灯片效果，并为隐藏和显示指定上下方向。