特定のタブが開いている状態でリンクをさせたい時は無いでしょうか？例えば3番目のタブがアクティブになっている状態に...などです。

4回に渡ってタブプラグインを改修していきましたが、今回はURLにパラメータを付けて特定のタブが開いた状態へリンクを貼れるように改修いたしました。（正確には書いてもらった...）

詳しい解説は今回は省きますが、内容はURLに付いたパラメータを解析するメソッドを用意し、パラメータに応じて開くタブを制御しています。タブ数は4つまで対応するようになっています。

使い方

オプションで用意しているプロパティは以下の通り

targetID

初期値 #tab

タブメニューと表示・非表示するブロックを梱包するdivのID名を指定

tabElement

初期値 .tab-list li

タブメニューを指定

boxElement

初期値 .tab-box

表示・非表示するdivのクラス名を指定

defaultOpenTab

初期値 0

最初に開くタブのインデックスを指定

paramNam

初期値 tab

URLに付加するパラメータの値で?と=の間の名前を指定
URLに対し?tab=のようなパラメータを指定

tabName01〜tabName04

初期値 tab01〜tab04

URLに付加するパラメータで=の後の値を指定
URLに対し?tab=tab01のようなパラメータを指定

初期値のままで使う場合はリンク元のhref属性にhoge.html?tab=tab02と指定した場合、2番目のタブが開いた状態、hoge.html?tab=tab03と指定した場合、3番目のタブが開いた状態で表示されます。

View Demo

ソースコードはGithubに置いてあります。

github poundhound/jq.tab