javascript - jQueryUIの効果

Question

divjqueryui効果を使用して上下から成長することをどのように示すことができますか？

私はこのコードを試しました：

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

しかし、それは機能しません。

Answer 1

slideUpまたはslideDownは役に立ちますか？

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

Answer 2

を使用すると、jQueryUIなしで実際にアニメーションを使用できます.show( [duration] [, easing] [, callback] )。

このためのコードは$('div#my').show('slow');

などのカスタムエフェクトを使用するclip場合、コードは期待どおりに機能すると思いますが、そうでない場合は、jqueryUIへのパスがオフになっていますか？

これが期待どおりに機能するコードのデモです：http：//jsfiddle.net/ysHgp/

Answer 3

もう1つの方法は、$（'div＃my'）。animate（{height：heightOfDiv_my}、 "fast"）;です。