title: Second navigation with tabbed menu
body: <p>I have a jsfiddle here - <a href="http://jsfiddle.net/s8sq38y8/2/" rel="nofollow">http://jsfiddle.net/s8sq38y8/2/</a></p>
  
  <p>It's a bootstrap tabbed menu that displays content under each tab and a triangle under the tab to display which tab is selected.</p>
  
  <p>I need to control the tabbed menu from another navigation which (the second nav will be in a different location on the page)is working but I need to also move the triangle to the correct tab when the second navigation is clicked. How can I place the triangle under the correct tab on the on thr red menu when the second nav is used.</p>
  
  <pre><code>    Second Nav
      &lt;nav&gt;
          &lt;ul class="top-nav" &gt;   
                      &lt;li role="presentation" class="active"&gt;&lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
      &lt;/nav&gt;  
  </code></pre>