jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

[jQuery] 複数のイベントに同じ処理を記述する

複数のイベントに同じ処理を追加するサンプルです。 サンプルソース 例)テキストボックスのonfocusとonblurに同 ...

[jQuery] プロパティ値を設定/取得する(.prop)

プロパティ値を設定/取得するには、.prop()を使用します。 構文 (プロパティ値を取得する構文) var a = p ...

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

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

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

スポンサーリンク