jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素内の先頭にタグを追加する(.prepend)

要素の後にタグを追加するには、prependを使用します。 サンプル 例)ボタンを押すと、要素の前にxyzを追加する [ ...

[jQuery] 画面ロード/アンロード時に処理を行う(.load/.unload)

画面ロード/アンロード時に処理を行うには、.load/.unloadを使用します。 サンプルソース 例)画面ロード時とア ...

[jQuery] jQueryでgetElementByIdと同等の記述をする方法

jQueryでgetElementByIdと同等の記述をする方法です。 サンプルソース JavaScriptでgetEl ...

[jQuery] テーブルの行数を取得する

jQueryでテーブルの行数を取得するサンプルです。 サンプルソース 例)ボタンを押すとテーブルの行数をアラート表示する ...

[jQuery] キーアップイベントを設定する(.keyup)

キーアップイベントを設定するには、.keyup()を使用します。 サンプルソース 例)テキストボックスにキー入力すると、 ...

スポンサーリンク