javascript - 使用 Tabbable Tabs 将选项卡内容 #ID 返回到两个 DIV

Question

我已经为每个 data-toogle="Tab" 指定了一个 NavBar，而无需编写任何 Javascript 并使用 Twitter Bootstrap 的“可选项卡”：

 <ul class="tabnavcenter">
      <li class="active"><a href="#home" data-toggle="tab">**Name 1**</a></li>
      <li><a href="#tab2" data-toggle="tab">Name 2</a></li>
      
 </ul>

...然后使用以下方法返回其上方的内容：

<div class="tab-content">
  <div class="tab-pane active" id="home">
   **Content 1** 
  </div>
</div>

它既好又简单，而且效果很好，但现在我需要破解它才能将选项卡内容返回到两个单独的 DIV。这是 twitter 标签的 API：

/* TAB DATA-API
   * ============ */

 $(function () {
   $('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
     e.preventDefault()
   $(this).tab('show')
   })
  })

 }(window.jQuery);

这正是我想要做的：

...因此，当您单击#tab 1 时，内容会出现在其上方和下方。

谢谢你。