jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得する(.prevUntil)

指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得するには、.prevUntil() を使用します。 ...

[jQuery] CSSスタイルを設定する(.css)

jQueryでCSSスタイルを設定するには、.css()を使用します。 構文 セレクタに対してスタイルを指定する(プロパ ...

[jQuery] 選択されたチェックボックスの値を取得する

選択されたチェックボックスの値を取得するサンプルです。 サンプルソース 例)ボタンを押すと選択された全チェックボックスの ...

[jQuery] keyPressイベントを設定する(.keypress)

jQueryでkeyPressイベントを記述するサンプルです。 サンプルソース 例)キーを押すと、キーコードを表示する ...

[jQuery] 指定した要素にフォーカスを当てる(.focus())

指定した要素にフォーカスを当てるには、.focus() を使用します。 サンプルソース 例)ボタンを押すと、テキストボッ ...

スポンサーリンク