1

アンカー タグでハッシュを使用して特定のナビゲーション タブを開くにはどうすればよいですか? たとえば、以下のコードでは、アンカー タグでハッシュを使用して 3 番目のナビゲーション タブを開きたいのですが、そこにジャンプしていません :(

<body>
   <div class="container">
      <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />

         <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
         <label for="tab-1" class="tab-label-1">Radio navigation tab 1</label>

         <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
         <label for="tab-2" class="tab-label-2">Radio navigation tab 2</label>

         <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
         <label for="tab-3" class="tab-label-3">Radio navigation tab 3</label>

         <div class="content">

            <a name="content-3" id="content-1"></a>
            <div class="content-1">
               <h1>Header 1</h1>
               <p>Hello world!</p>
            </div>

            <a name="content-3" id="content-2"></a>
            <div class="content-2">
               <h1>Header 2</h1>
               <p>Hello world!</p>
            </div>

            <a name="content-3" id="content-3"></a>
            <div class="content-3">
               <h1>Header 3</h1>
               <p>Hello world!</p>
            </div>

         </div>

      </section>
   </div>
</body>

私のURLの例：「www.example.com/#content-3」はまだ最初のナビゲーションタブを開いているので、ハッシュアンカータグを最初のナビゲーションタブではなく別のナビゲーションタブにジャンプさせる方法を知るのはまだ少し難しいですタブはデフォルトのタブとして設定されています。これについて助けていただければ幸いです。ありがとう

4

1 に答える 1