jquery - 非表示の要素を表示しながらjqueryのさまざまな効果

Question

次のようなさまざまなトランジション効果を与えたい:

 $(div).show("fadeIn")  $(div).show("shake") $(div).show("fold") etc

jqueryでこれを行うにはどうすればよいですか?

Answer 1

フェードインの場合 - http://api.jquery.com/fadeIn/

$("div").fadeIn("slow");

---

シェイクの場合 - http://docs.jquery.com/UI/Effects/Shake

$("div").click(function () {
  $(this).effect("shake", { times:3 }, 300);
});

---

折りたたみの場合 - http://docs.jquery.com/UI/Effects/Fold

$("div").click(function () {
  $(this).hide("fold", {}, 1000);
});

---

デフォルトのエフェクトはすべてhttp://docs.jquery.com/UI/Effects/で確認できます。

Answer 2

JQueryUI lib を使用すると、さまざまな移行が可能です: http://jqueryui.com/demos/effect/

それ以外の場合は、次のような標準の JQuery アニメーションを使用できます

$(selector).fadeIn(300) /*300 is the duration in miliseconds*/
$(selector).slideUp(300)
...

良い１日を