【jQuery】スマホ用メニューボタン(アニメーション付)(“=” <-> “x”)

サンプル

スマホ用のメニューボタンを押してメニューを開閉する度にボタンの表示が

  • “=” : メニューが閉じているとき(= 開くボタン)
  • “x” : メニューが開いているとき(= 閉じるボタン)

のように切り替わる。

MEMO

上記サンプルはボタンの動作のみなので、メニューは開閉しない(メニューは作成していない)。

参考にしたサイトは以下の通り。

文具女子博

https://bungujoshi.com/

※スマホ用のメニューボタン

ソースコード

HTML
CSS
jQuery

コメントを残す

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