Вызов бутстрапов с несколькими местоположениями

Question

Я пытаюсь добавить ссылки на верх страницы, чтобы получить доступ к вкладкам данных, в дополнение к ним, работающим в обычной вкладке примеров Twitter Bootstrap.

У меня есть следующие основные вкладки через Bootstrap:

<ul class="nav nav-tabs"> 
    <li><a href="#news" data-toggle="tab" class=""><span class="glyphicon glyphicon-comment"></span> Latest News</a> 
    </li> 
    <li><a href="#people" data-toggle="tab" class=""><span class="glyphicon glyphicon-user"></span> The People</a> 
    </li> 
    <li><a href="#agenda" data-toggle="tab" class=""><span class="glyphicon glyphicon-calendar"></span> Agenda</a> 
    </li> 
    <li><a href="#messages" data-toggle="tab" class=""><span class="glyphicon glyphicon-plane"></span> Accommodations</a> 
    </li> 
    <li><a href="#faq" data-toggle="tab" class=""><span class="glyphicon glyphicon-comment"></span> FAQ</a> 
    </li> 
</ul> 
<!-- End tabs --> 

Образец содержания здесь:

<div class="tab-content"> 
    <div class="tab-pane active" id="news"> 
     <div class="span5"> 
      <ul class="green-checks"> 
       <li> 
        <div class="panel panel-info">Information coming soon!</div> 
       </li> 
       <!--<li><cite>May 24, 2013 &mdash; </cite>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>--> 
      </ul> 
     </div> 

То, что я пытаюсь сделать, это вызвать вкладки с помощью навигации заголовка, а также как из самой вкладки. Дублирование кода, как это не работает:

<li class="menu-item"><a href="#people" data-toggle="tab" class="">The People</a></li> 

Answer 1

Редактировать - обновлен, чтобы включить прокрутку к вкладке после щелчка.

---

Имитация вкладки-переключатель на click() вместо:

function tabClick(tab) { 
    $('a[href='+tab+']').click(); 
    $(tab).animate({scrollTop:0}, 'fast'); 
} 

...

<li class="menu-item"> 
    <a href="#" onclick="tabClick('#people');return false;" data-toggle="tab" class="">The people</a> 
</li>