jQuery UI效果

Question

如何通过jqueryui效果显示div从顶部和底部增长？

我试过这段代码：

$('div#my').show('clip');

但它不起作用。

Answer 1

slideUp或slideDown会帮助你吗？

$('div#my').slideUp('slow');
$('div#my').slideDown('slow');

Answer 2

您可以使用.show( [duration] [, easing] [, callback] )实际使用没有jQuery UI的动画。

此代码为$('div#my').show('slow');

对于使用clip之类的自定义效果，我认为您的代码会按预期工作，但如果没有，您的jquery UI路径可能会关闭？

以下是您的代码按预期工作的演示：http://jsfiddle.net/ysHgp/

Answer 3

另一种方式是$（'div＃my'）。animate（{height：heightOfDiv_my}，“fast”）;