こんにちわ! 社内Web担やってる早川ゆうき ( @yukiukkiy ) です。 最近は雑記ブログを中心に更新してましたが、今回はWeb制作についてです。 ぼくは社内Web担をしてるわけですが、コーディングもやるんです。つまり、コーダーでもあります。 今回タブメニュー実装の機会があったので、忘れないようにメモしておこうと思います。 これまで幾度となくタブメニューの実装をしてきましたが、やる度にjQueryの構文が違いましたので (笑) 前提条件 jQueryバージョンは1系を使用 jQueryプラグインは不使用 CSSの役目は表示・非表示・スタイル jQueryの役目はclass属性の追加・削除 つまり、class属性の有無で表示・非表示を切り替えてます。なるべく、汎用性があって使い勝手の良いタブメニューを作りました。 完成品 完成品はタブ3つですが、いくつでも大丈夫です。スタイルはお好