25egg

クリックで切り替わるシンプルなタブメニュー

クリックで切り替えができるタブメニューをjQueryとCSSオンリーの2パターンで考えてみました。
仕事でも使う機会が多かったので、Tipsとしてメモしておきます。

jQuery

JSの記述の前にjQueryの読み込みが必要です。

See the Pen tabmenu by 25egg (@25egg) on CodePen.

CSS

See the Pen css-tabnav by 25egg (@25egg) on CodePen.