タブ切り替え 複数同時を複数組 javascript
タブ切り替え 複数同時を複数組 javascript
タブ切り替えのページを作りたいのですが
ググっても複数同時に切り替えるものや複数組のものはあっても
複数同時を複数組切り替えるものはありません。
したいことは
|タブ1|タブ2|タブ3|
|コンテンツ1-1|コンテンツ1-2|コンテンツ1-3|
|タブ4|タブ5|タブ6|
|コンテンツ4-1|コンテンツ4-2|コンテンツ4-3|
|タブ7|タブ8|タブ9|
|コンテンツ7-1|コンテンツ7-2|コンテンツ7-3|
・
・
・
これが
|タブ1|タブ2|タブ3|←タブ2を押した場合
|コンテンツ2-1|コンテンツ2-2|コンテンツ2-3|
|タブ4|タブ5|タブ6|←タブ5を押した場合
|コンテンツ5-1|コンテンツ5-2|コンテンツ5-3|
|タブ7|タブ8|タブ9|
|コンテンツ7-1|コンテンツ7-2|コンテンツ7-3|
・
・
・
というのができません。
上のタブを操作すると
下のコンテンツが消えてしまい
下のタブを操作すると
上が消えたり
また複数タブできた場合は
複数箇所同時はできませんでした。
javascript初心者の私にどなたかご教授を。
コンテンツそのものを消すやり方でもいいですが
なるべくclassを変更で消す方法がいいです。
よろしくお願いします。
お礼
回答ありがとうございました。