title: Simulating tab selection to open panel
body: <p>I am working on a bootstrap website. I have a button that I click on one pageA to an href tab on pageB. I want to be able to click on the button on pageA and open the tab and the connected panel on pageB.<br><br>
  <b>Here is what I have researched and tried:</b></p>
  
  <ol>
  <li><p>jQueryUi tabs to set a specific tab to active</p>
  
  <p><code>$('#learn2').click(function(){
  $('#tactical-tab').tabs('select', 4);
  });</code></p></li>
  <li><p>jQuery triggers to simulate an event<br>
  <code>$('#learn2').click(function(){
  $('#tactical-tab').trigger('click');
  });</code></p></li>
  <li><p>Adding a class via css to set tab to active
  <code>$('#learn2').click(function(){
  $('#tactical-tab').addClass(".ui-tabs-active");
  });</code></p></li>
  </ol>
  
  <p><b>Here is some code for the button.</b><br><br>
      <code>&lt;h4&gt;&lt;a href="services.html#tactical-tab" class="btn btn-default learn-more"                     id="learn2"&gt;Learn More&lt;/a&gt;&lt;/h4&gt;</code></p>
  
  <p><b>Here is some code for the tabs and tab-panels</b><br>
  <b>Tabs</b><br><br>
      <code>&lt;div id="tabs"&gt;
              &lt;ul&gt;
                  &lt;a href="#service-five" id="tactical-tab"&gt; Tactical Transparency&lt;/a&gt;
                  &lt;/li&gt;
             &lt;/ul&gt;</code><br>
  <b>Panel</b><br><br>
  <code>&lt;div id="service-five"&gt;
                  &lt;h4&gt;Tactical Transparency&lt;/h4&gt;
                  &lt;p&gt;Sample paragraph&lt;/p&gt;
              &lt;/div&gt;</code>
  <br><br>
  Any help or input would be appreciated as I am not sure where the next place to research would be or if I am just missing something.</p>