以前、タブ切り替え型のコンテンツを作成する方法をご紹介いたしました。 通常、他のページからタブが設置されたページにアクセスすると、1つ目のタブがアクティブな状態になります。ですが、他のページからアクセスした時に、指定したタブをアクティブにしたい、ということもあるかと思います。 そんなわけで、今回は他のページから特定のタブコンテンツへダイレクトにアクセスする方法をご紹介したいと思います。リンクにパラメータを追加する方法とハッシュを追加する方法の2パターンを解説いたします。 タブ切り替え型コンテンツの作成 まずは、タブ切り替え型のコンテンツを作成します。HTMLは以下のようにします。 <div id="tabs"> <ul> <li id="tab1"><a href="#panel1">タブ1</a></li> <li id="tab2"><a href="#panel2">タブ2</a><