web-dev-qa-db-ja.com

jquery show（）/ hide（）アニメーションを変更しますか？

デフォルトでは、jqueryが速度を指定すると、左端の角から展開される奇妙なアニメーションが追加されます。下にスライドするだけです。 jquery UIのような何かをインポートせずにそれを行う方法はありますか？

私は次の行で何かを見ています：

$("test").show('slow', {animation:'slide'})

方法がない場合、これを行うための最も軽いソリューションは何でしょうか？

ありがとう

javascriptjqueryanimation
35
marcgg

JQuery 1.3+にネイティブなslideDown、slideUp、およびslideToggle関数があり、それらは非常にうまく機能します...

http://docs.jquery.com/Effects

SlideDownは次のように使用できます。

$("test").slideDown("slow");

そして、エフェクトを組み合わせて本当に夢中になりたい場合は、アニメーション関数を見てみましょう。この関数を使用すると、トゥイーンやモーフィングを形成するCSSプロパティを指定できます。かなり派手なもの、それ。

68
Steve Wortham

slidedown() を使用します。

$("test").slideDown("slow");
13
beggs

また、fadeIn/FadeOut Comboも使用できます。

$('.test').bind('click', function(){
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500);
    $('.div3').fadeOut(500);
    return false;
});
5
Matthew