jQueryエフェクト-スライディング

❮ 前次 ❯

jQueryスライドメソッドは要素を上下にスライドさせます。

クリックしてパネルを上下にスライドします

時間は貴重なので、迅速かつ簡単に学習できます。

W3Schoolsでは、アクセス可能で便利な形式で、学習する必要のあるすべてのものを学習できます。

例

jQuery slideDown（）メソッドを示します。

jQuery slideUp（）メソッドを示します。

jQuery slideToggle（）メソッドを示します。

jQueryスライディングメソッド

jQueryを使用すると、要素にスライド効果を作成できます。

jQueryには次のスライドメソッドがあります。

slideDown()
slideUp()
slideToggle()

jQuery slideDown（）メソッド

jQueryslideDown()メソッドは、要素を下にスライドするために使用されます。

構文：

$(selector).slideDown(speed,callback);

オプションの速度パラメータは、効果の持続時間を指定します。次の値を取ることができます：「遅い」、「速い」、またはミリ秒。

オプションのコールバックパラメータは、スライドの完了後に実行される関数です。

次の例は、そのslideDown()方法を示しています。

例

$("#flip").click(function(){
$("#panel").slideDown();
});

jQuery slideUp（）メソッド

jQueryslideUp()メソッドは、要素を上にスライドさせるために使用されます。

構文：

$(selector).slideUp(speed,callback);

オプションの速度パラメータは、効果の持続時間を指定します。次の値を取ることができます：「遅い」、「速い」、またはミリ秒。

オプションのコールバックパラメータは、スライドの完了後に実行される関数です。

次の例は、そのslideUp()方法を示しています。

例

$("#flip").click(function(){
$("#panel").slideUp();
});

jQuery slideToggle（）メソッド

jQueryslideToggle()メソッドはslideDown()とslideUp() メソッドを切り替えます。

要素が下にスライドされている場合は、slideToggle()上にスライドします。

要素が上にスライドされている場合は、slideToggle()下にスライドします。

$(selector).slideToggle(speed,callback);

オプションの速度パラメータは、「遅い」、「速い」、ミリ秒の値を取ることができます。

オプションのコールバックパラメータは、スライドの完了後に実行される関数です。

次の例は、そのslideToggle()方法を示しています。

例

$("#flip").click(function(){
$("#panel").slideToggle();
});

jQueryの演習

jQueryエフェクトリファレンス

すべてのjQueryエフェクトの完全な概要については、 jQueryエフェクトリファレンスにアクセスしてください。

❮ 前次 ❯

jQueryチュートリアル