別のページのdivコンテンツを含むタブにボタンをリンクするにはどうすればよいですか？

Question

This is what I mean 別のページのタブで特定のdivに関連するコンテンツを表示するボタンをリンクしたいのですが、どうすればJQueryを使ってこれを行うことができますか？ 私はあなたが私の言いたいことを理解することができるように、絵や図を含めました。

<div class="myTabs"> 
    <ul class="tabs" data-tab data-options="deep_linking:true"> 
     <li><a data-toggle="tab" href="#One">Tab 1</a></li> 
     <li><a data-toggle="tab" href="#Two">Tab 2</a></li> 
    </ul> 
</div> 
<div class="tabContent"> 
    <div id="One">This is the content in div one on Tab 1</div> 
    <div id="AnotherOne">This is the content is second div on Tab 1</div> 
</div> 

のでtwo.htmlはone.htmlのコンテンツを表示するために直接リンクしなければならないボタンがあり、タブ1は、divのワン&番目のボタンは「すなわち、タブ1、one.htmlするために、第2のdivをリンクする必要がありますAnotherOne '

Answer 1

two.htmlのリンクにハッシュ値を追加して、必要なdivを表示/非表示するタブが付いた起動スクリプトをページに追加することができます。

<a href='/two.html#one'>BUTTON ONE</a> 
<a href='/two.html#two'>BUTTON TWO</a> 

one.htmlで、適切なdivの表示を設定する起動スクリプトを追加できます。あなたのタブは、このような2つのdiv（？すべてはデフォルトでは非表示）が含まれている場合：

<div class='one' style='display:none;'>div one</div> 
<div class='two' style='display:none;'>div two</div> 

をあなたはtwo.htmlするために、次の起動スクリプトを追加することができます：あなたが行うことができます

<script> 
$(document).ready(function() { 
    // If the location is empty show the content of div one? 
    var tab = window.location.hash ?? 'one'; 

    $('div.' + tab).show() 
}); 
</script> 

Answer 2

最良の方法は、使用していますアンカータグでラップしてください。

ここにコードがあります。

<a href="page2.html#elementID"><button>Jump</button></a>