2009-09-15 2 views
34

デフォルトでは、スピードを指定すると、jqueryは左端のコーナーから展開された不思議なアニメーションを追加します。私はちょうど滑り落ちたい。 jquery UIのようなものをインポートせずにこれを行う方法はありますか?jquery show()/ hide()アニメーションを変更しますか?

私はのラインで何かを探しています:

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

方法はありません場合は、何がこれを行うには最軽量の解決策になるのでしょうか?

おかげ

答えて

64

ありjqueryの1.3以降へのネイティブslideDown、slideUp、およびslideToggle機能があり、彼らは非常にうまく働く...

http://docs.jquery.com/Effects

あなたはちょうどこのようslideDownを使用することができます。

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

そして、あなたが効果を組み合わせて、本当にナットを移動したい場合、私はあなたトンことができますアニメーション機能を見てみたいですトゥイーンやモーフを整形するためのCSSプロパティの数を指定します。かなり上品なもの、それ。

+0

最適です、あなたのおかげで – marcgg

+0

+1最速の銃を!私はカット&過去のリンク(方法!)が遅すぎる...あなたは4分で私を打つ...ベッドの時間! – beggs

+0

@marcgg - ようこそ。 @beggs - 気分が悪くない、私は通常遅いです。 ;) –

13

使用slidedown()

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

ありがとう、しかしTheSteveそれにあなたを打つ:) – marcgg

5

あなたはまた、フェードイン/フェードアウトコンボを使用することができ、あまりにも....

$('.test').bind('click', function(){ 
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500); 
    $('.div3').fadeOut(500); 
    return false; 
}); 
関連する問題