jQueryのslideUp()、slideDown()、およびslideToggle()の例

jQuery slideUp()、slideDown()、slideToggle()の例

jQueryには、スライド効果を簡単に作成するための3つの便利なメソッドが付属しています。

  1. slideUp()–スライドアップ効果で一致した要素を非表示にします。

  2. slideDown()–一致した要素をスライドダウン効果で表示します。

  3. slideToggle()–一致した要素が表示されている場合、スライドアップ効果で非表示になります。非表示の場合、スライドダウン効果で表示されます。

上記の3つのメソッドは、パラメータとしてサポート期間(低速、高速、または正確なミリ秒)です。 このパラメーターを省略すると、デフォルトの400ミリ秒が適用されます。

自分で試してください












jQuery slideUp(), slideDown() and slideToggle() example

slideDown() example

Click me - slideDown()
Click me - slideDown()

slideUp() example

Click me - slideUp()
Click me - slideUp()

slideToggle() example


slideToggle()
slideToggle()