(K)jQueryでタブパネルを1ページに複数設置する場合の方法 | web(K)campus|WEBデザイナーのための技術系メモサイト

以前、jQueryで作成する「スマホでも実装可能なサイズ可変型タブパネル」の記事を書きましたが、1ページにタブパネルを複数作成すると、表示がおかしくなります。 「メインページにタブパネル」「サイドバーにタブパネル」と2つ作成すると、お互いの命令が干渉しあってタブ展開がうまくいきません。 複数設置できないと具合の悪い場合もあるので、今回は別案として、複数タブパネルを設置したい場合の備忘録。 以前のやり方でタブを2つ設置すると問題が・・・ 以前のサンプルに例えばコードをごそっとコピーすると、2つ目のタブをクリックしても1つ目のタブが開閉するだけでうまくいきません。 単純に「href」のリンクと「li」のIDの番号を書きなおせばいけそうな感じでしたが、以下のような現象が起こってうまく行きません。 1.最初に表示されるページが2つ目のタブパネルが見えない。 2.どちらか片方のタブをクリックすると他