タブ切り替え 複数同時を複数組 javascript

タブ切り替え 複数同時を複数組 javascript
タブ切り替えのページを作りたいのですが
ググっても複数同時に切り替えるものや複数組のものはあっても
複数同時を複数組切り替えるものはありません。
したいことは

｜タブ１｜タブ２｜タブ３｜
｜コンテンツ1-1｜コンテンツ1-2｜コンテンツ1-3｜

｜タブ４｜タブ５｜タブ６｜
｜コンテンツ4-1｜コンテンツ4-2｜コンテンツ4-3｜

｜タブ７｜タブ８｜タブ９｜
｜コンテンツ7-1｜コンテンツ7-2｜コンテンツ7-3｜
・
・
・

これが

｜タブ１｜タブ２｜タブ３｜←タブ２を押した場合
｜コンテンツ2-1｜コンテンツ2-2｜コンテンツ2-3｜

｜タブ４｜タブ５｜タブ６｜←タブ５を押した場合
｜コンテンツ5-1｜コンテンツ5-2｜コンテンツ5-3｜

｜タブ７｜タブ８｜タブ９｜
｜コンテンツ7-1｜コンテンツ7-2｜コンテンツ7-3｜
・
・
・

というのができません。
上のタブを操作すると
下のコンテンツが消えてしまい
下のタブを操作すると
上が消えたり

また複数タブできた場合は
複数箇所同時はできませんでした。

javascript初心者の私にどなたかご教授を。

コンテンツそのものを消すやり方でもいいですが
なるべくclassを変更で消す方法がいいです。
よろしくお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2010/07/08 10:10

複数が独立して動作すればよいのですよね？

タブ切替のライブラリはたくさん作られていると思いますので、気の利いたものならそのように作られていると思いますが…
例えば（↓）などもその一つで、そのページ内でも2つのタブが作動しています。
ぐぐれば、たくさん見つかると思いますが、一例として。
（使ったことがないので、評価はわかりません。あくまでも例です）
　http://www.kminek.pl/lab/yetii/

＞classを変更で消す方法がいいです
（↑）の例ではアクティブなタブにactiveクラスを設定するような方法で行なっているみたい。


複数のタブが連動してとかいう意味のご質問でしたら、作らないとダメかも…

この回答への補足

回答ありがとうございます。
ですが、英語さっぱりで
カスタムの仕方がわかりません。
バカですみません。

http://gootara-illustration.hp.infoseek.co.jp/ta …

１組ならできるのですが
これをあと９組作りたいのです。
よろしくお願いします。

http://gootara-illustration.hp.infoseek.co.jp/ta …

アドバイスお願いします。

補足日時：2010/07/09 05:08

この回答へのお礼

ありがとうございました。
他に回答者がいらっしゃらないので、
未解決ですがベストアンサーとさせていただきます。

もう一度スレ立てさせていただきます。

ありがとうございました。

お礼日時：2010/07/12 06:33