jquery - JQuery のスライド効果を使用してブロックを非表示にする

Question

effect で非表示にしたい div がありますslideDown。slideDownテキストを表示する代わりに非表示にし、テキストを非表示にする代わりに表示したいslideUp。

つまり、スライド アニメーションを使用して div を非表示/表示することが目標です。既存の slideUp/Down メソッドは、私が使用したい方法とは逆に機能します。

Answer 1

トグル機能を使うべきだと思います。

$("#myBlockId").toggle()

または水平トグルが必要な場合は、アニメーション機能を使用する必要があります

$("#myBlockId").animate({width: 'toggle'}); 

Answer 2

jQuery-UIを使えば、これを使ってスライドの向きを変えることができます。

$(this).hide("slide", { direction: "down" }, 1000);

1000 はアニメーションの速度です。その後、show を使用してプロセスを逆にすることができます。

$(this).show("slide", { direction: "up" }, 1000);

これは、デモ用の jsfiddle です。 http://jsfiddle.net/mtcVC/1/