jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:



comment

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

スポンサーリンク