jQueryスライドを下にトグルすると、不可能ですか？

Question

jQueryを使ってスライドを作成したいのですが、どこにも見つけられません。

私はは私が（スライドをクリックしてください）、それはthis actionを実行したいのですが、縦方向にダウンではなく、水平に右んscale as it slides
にそれを望んでいありません。

更新日：

ここに最終機能コードがあります。

$(this).toggle(
    "slide", 
    { 
     direction: 'up', 
     duration: 'slow', 
     easing: 'easeOutQuart' 
    } 
); 

Answer 1

API-ドキュメントを読む：http://docs.jquery.com/UI/Effects/Slide

あなたは、方向オプションを使用して、すべての方向にスライドさせることができます。

デモ：http://www.jsfiddle.net/doktormolle/befbE/ （私は100％にスライディング要素内の画像の幅/高さを設定するので、あなたが見ることができ、画像を拡大縮小されていない、それはクリップされています、それはあなたが探しているものだと思う）

Answer 2

.animate()とあなたはcssを使用してください。

何かのように：

CSS：

#elm { width: 150px; height: 80px; position: absolute; left: -150px; } 

スクリプト：他

// let it animate 
$('#elm').animate({ display: 'block', left: 0 }, 'fast'); 

あなたはしたいが、jQueryのUI 'スライド' 効果ということを使用し、ご自身でそれを行ういけない場合はどうなりますか？

Answer 3

私はあなたが何を意味しているのか知っています.DIV内のアイテムや、アニメーション化しているものは、それらがsquahsedされているように見えます。

要素を別の要素の後ろに隠し、マスキング要素を上と下に移動するか、隠し要素を.animate（）を使用してスライドさせることを検討しますか？

jQuery .click .animate to move down, then back up

これが役立つかもしれません。

Answer 4

固定ディメンションを持つ内部コンテナで簡単にこれを達成できます。

See this live example。フィドルでは、最初のdivは内側のコンテナなしです。

外側のコンテナがアニメーション（幅/高さ）すると内側のコンテナが大きくならないので、はとなります。

Answer 5

要素をコンテナに絶対配置し、それを底面に貼り付けると（つまり、position:absolute;bottom:0;）、ブラインド効果を使用すると上から下にスライドします。 here

Answer 6

が最初にダウン効果

<img src="http://www.google.com/images/nav_logo29.png" id="image_scale" width="200" height="0" /> 

<script> 
$(document).ready(function(){ 
    $("#image_scale").animate({height:"150px"},"5000"); 
}); 
</script> 

を スライドを達成するために高さ= "0"

使用アニメイトを適用あなた画像の高さ150ピクセル

考えてみましょうを参照してください。

Answer 7

スライドさせたい要素を絶対に配置して使用します。アニメーション（）を使用して位置を変更します。対角線上、上、下、左、右からスライドさせることができますが、この方法でも必要です。