jQuery

[jQuery] スライドダウン/アップ アニメーションを実装する

投稿日:2017年8月10日 更新日:

jQueryでスライドダウン、スライドアップのアニメーションを行うサンプルです。

サンプルソース

例)ボタンを押すと、スライドダウン/アップする

実行サンプル

動作確認ができます。

ここの表示が変わります。

解説

  • 引数には、アニメーションにかける時間を指定します。(例)1000=1秒
  • slideToggleは、対象要素が表示されていればslideDown、非表示の場合はslideUpを実行します。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] tabindexを指定してフォーカスセットする

tabindexを指定してフォーカスセットするサンプルです。 サンプルソース 例)ボタン1を押すとtabindex番号を ...

[jQuery] 子要素を取得する(.children)

指定した要素の子要素(直下のみ)を取得するには、.childrenを使用します。 サンプルソース 例)div#test要 ...

[jQuery] 要素のtop、leftを設定する

jQueryで要素のtop、leftを設定するサンプルです。 サンプルソース 例)要素(id="btn1")のtopを1 ...

[jQuery] マウスオーバーイベントを設定する(.mouseover)

jQueryでマウスオーバーイベントを記述するには、.mouseover()を使用します。 サンプルソース 例)マウスオ ...

[jQuery] 順序を逆順にする(.reverse)

要素の順序を逆順にするには、.reverse()を使用します。 サンプルソース 例)ボタンを押すと、リストの並びを逆順に ...

スポンサーリンク