jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 配列の要素に対して値を操作する($.map)

配列の要素に対して値を操作するには、$.map()を使用します。 サンプルソース 例)配列内の金額をすべて税込み金額にす ...

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

[jQuery] マウスボタン押し上げイベントを設定する(.mouseup)

jQueryでマウスボタン押し上げイベントを記述するには、.mouseup()を使用します。 ※ボタン押し上げとは、押し ...

[jQuery] セレクタを複数指定する

セレクタを複数指定するには、カンマで区切って複数並べればOKです。 サンプルソース 例)#btn1、#btn2に同じクリ ...

[jQuery] 子要素に指定した要素を持っているか判定する(.has)

子要素に、指定した要素を持っているかどうか判定するには、hasを使用します。 サンプルソース 例)子要素にpを持っている ...

スポンサーリンク