jQueryでメニューのアクティブ状態の切替実装

• 2018.12.26
• javascript Prog
• jquery

よくメニューが並んでいるものをクリックしたときに、ボタンやメニューの色がかわって、ここが選択されてますよというような状態にするためのtips。
いつも見るようなメニューのアクティブの切替ロジックです。

• クリックされたら選択されたことがわかる状態にする
• 複数のメニューからクリックされたときに選択されている状態のものは1つのみ
• 選択されているものをクリックしても特に何も行わない

Codepenでたたき台を作成したので紹介しておきます。

See the Pen jQuery Toggle menu button by Yuya Tanaka (@laddy) on CodePen.

いつも同じようなものを作っているような気がします。

共有:

• クリックして Twitter で共有 (新しいウィンドウで開きます)
• Facebook で共有するにはクリックしてください (新しいウィンドウで開きます)
• クリックして Pocket でシェア (新しいウィンドウで開きます)
• クリックして Tumblr で共有 (新しいウィンドウで開きます)

関連

• 前の記事
  

  CYGNETT USB TYPE-C対応のバッテリー 2018.12.25

• 次の記事
  

  ラズベリーパイとNextCloudで自宅クラウド 構成紹介 2018.12.27