Я указал NavBar с каждым data-toogle=Tab без написания кода 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. Вот 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, контент появляется над и под ним.
Спасибо.