模拟选项卡选择以打开面板

Question

我正在开发一个bootstrap网站。我有一个按钮，我点击一个页面A到页面B上的href选项卡。我希望能够点击第A页上的按钮，然后打开第B页上的标签和连接面板。

以下是我研究过的内容：

1. jQueryUi标签，用于将特定标签设置为活动

   $('#learn2').click(function(){ $('#tactical-tab').tabs('select', 4); });

2. jQuery触发器来模拟事件
   $('#learn2').click(function(){ $('#tactical-tab').trigger('click'); });

3. 通过css添加类以将选项卡设置为活动状态 $('#learn2').click(function(){ $('#tactical-tab').addClass(".ui-tabs-active"); });

以下是该按钮的一些代码。

    <h4><a href="services.html#tactical-tab" class="btn btn-default learn-more" id="learn2">Learn More</a></h4>

以下是标签和标签面板的一些代码
标签

    <div id="tabs"> <ul> <a href="#service-five" id="tactical-tab"> Tactical Transparency</a> </li> </ul>
面板的

<div id="service-five"> <h4>Tactical Transparency</h4> <p>Sample paragraph</p> </div>

任何帮助或意见都会受到赞赏，因为我不确定下一个研究地点在哪里，或者我是否只是遗漏了什么。