2017.03.05

jQueryでタブ機能を実装する

jQueryでカンタン、タブ機能を実装します。
＞ 実際のサンプルはこちら

ソースは以下です。
コメントアウトで、順を追って解説しています。

表示するタブの判定は、メニューとコンテンツ部分のクラスで行いますので、
ソース内での順序の影響を受けません。
さらにタブコンテンツ部分は、ページ内にある「js-tab_content」というクラスがついた要素を表示・非表示しますので
要素の階層や場所なども関係ありません。