Как связать кнопку с вкладкой с содержимым 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, Tab 1, отд Один & вторая кнопка должна связать с one.html, Tab 1, второй 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. Если вкладка содержит две дивы, как это (все, по умолчанию скрыты):

<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

Лучший способ вы можете сделать это с помощью anchor tag. Если вы используете кнопку, оберните ее тегом привязки.

Вот код.

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