タブで４つの複数データがあるページにリンク。タブ2に行くリンクはどうすれば？

Question

タブで4つに分けたページがあります。
名前は「地域ページ」。
東京、神奈川、千葉、埼玉に分けてタブ切り替えで見たい地域情報が見られます。

このページへのリンクがある「indexページ」。
地域ページの千葉にリンクを付けたいのですがどうすればよいでしょうか?

タブ分けしたページでは　id="tiba"という風にしています。
indexページから
4つに区分されたページ(同じページだがタブ分けしているという意味で)へ
それぞれ行くリンクの付け方をご存じの方いらっしゃいますか?

Comments

[m.ts10806]

画面レイアウトと現在のコードを提示してください

[poki-seijin]

///////////////////この様に地域分けされたタブ表になります。

<div>エリアをお選びください。</div>

<div class="tab_container">
<input id="tab1" type="radio" name="tab_item" checked>
<label class="tab_item" for="tab1">神奈川県</label>

<input id="tab2" type="radio" name="tab_item">
<label class="tab_item" for="tab2">東京都</label>

<input id="tab3" type="radio" name="tab_item">
<label class="tab_item" for="tab3">千葉県</label>

<input id="tab4" type="radio" name="tab_item">
<label class="tab_item" for="tab4">埼玉県</label>

<div class="tab_content" id="tab1_content">
<div class="tab_content_description">

///////////////////そしてこの様に地域分けされた表が続きます。

<dl class="area-table">
<dt>東京都</dt>
<dd>２３区</dd>
</dl>

<div class="tab_content" id="tab2_content">
<div class="tab_content_description">

<dl class="area-table">
<dt>神奈川県</dt>
<dd>横浜市</dd>
</dl>

<div class="tab_content" id="tab3_content">
<div class="tab_content_description">

<dl class="area-table">
<dt>千葉県</dt>
<dd>船橋市</dd>
</dl>

///////////////他のページからこの地域ページの「千葉県」が選択された状態にリンクを付けたいのです。

よろしくお願いいたします。

[m.ts10806]

コメントではデフォルト非表示のため連動性は担保されません。質問本文へ追記してください。
また、コードはマークダウンのcode機能にてご提示ください

Answer 1

回答　リンクさせること自体は可能ですが、追加の処理を別の言語で書く必要があるかと。

タブ切り替えと書いてあるので、他の地域が非表示になっているのでしょうね。
非表示の要素にリンクさせても表示されるようにはなりませんし、
リンクさせてもタブが横並びの場合は同じ高さに出ますのであまり意味ないかな。
表示されていて縦並びなのであればindex.html#tibaで目的の位置に飛べますが。

Comments

[poki-seijin]

ありがとうございます。
そうですよね。
ご指摘のように
…index.html#tiba　や
index.html id="tiba" や
index.html for="tiba"　とかもう何でもやっちゃってますが…
どれをやっても開くのは、ここで言えば東京都の状態。
これがこのページのデフォルト状態ですから仕方がないですね。
いやなら地域別にページを作ってそれぞれに飛ばせばいいので。
わかりました。
お騒がせしました。
ありがとうございました。